kenobi-js 0.1.29 → 0.1.30

package/dist/kenobi.js

@@ -1,3127 +0,0 @@
-/*!
- * Kenobi SDK v0.1.28
- * (c) 2025 Kenobi.ai
- */
-"use strict";
-var KenobiLib = (() => {
-  var __defProp = Object.defineProperty;
-  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-  var __getOwnPropNames = Object.getOwnPropertyNames;
-  var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-  var __export = (target, all) => {
-    for (var name in all)
-      __defProp(target, name, { get: all[name], enumerable: true });
-  };
-  var __copyProps = (to, from, except, desc) => {
-    if (from && typeof from === "object" || typeof from === "function") {
-      for (let key of __getOwnPropNames(from))
-        if (!__hasOwnProp.call(to, key) && key !== except)
-          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-    }
-    return to;
-  };
-  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-  var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-
-  // src/index.ts
-  var index_exports = {};
-  __export(index_exports, {
-    CueCard: () => CueCard,
-    Kenobi: () => Kenobi,
-    TRANSFORMATION_ACTIONS: () => TRANSFORMATION_ACTIONS
-  });
-
-  // ../../node_modules/.pnpm/morphdom@2.7.7/node_modules/morphdom/dist/morphdom-esm.js
-  var DOCUMENT_FRAGMENT_NODE = 11;
-  function morphAttrs(fromNode, toNode) {
-    var toNodeAttrs = toNode.attributes;
-    var attr;
-    var attrName;
-    var attrNamespaceURI;
-    var attrValue;
-    var fromValue;
-    if (toNode.nodeType === DOCUMENT_FRAGMENT_NODE || fromNode.nodeType === DOCUMENT_FRAGMENT_NODE) {
-      return;
-    }
-    for (var i3 = toNodeAttrs.length - 1; i3 >= 0; i3--) {
-      attr = toNodeAttrs[i3];
-      attrName = attr.name;
-      attrNamespaceURI = attr.namespaceURI;
-      attrValue = attr.value;
-      if (attrNamespaceURI) {
-        attrName = attr.localName || attrName;
-        fromValue = fromNode.getAttributeNS(attrNamespaceURI, attrName);
-        if (fromValue !== attrValue) {
-          if (attr.prefix === "xmlns") {
-            attrName = attr.name;
-          }
-          fromNode.setAttributeNS(attrNamespaceURI, attrName, attrValue);
-        }
-      } else {
-        fromValue = fromNode.getAttribute(attrName);
-        if (fromValue !== attrValue) {
-          fromNode.setAttribute(attrName, attrValue);
-        }
-      }
-    }
-    var fromNodeAttrs = fromNode.attributes;
-    for (var d3 = fromNodeAttrs.length - 1; d3 >= 0; d3--) {
-      attr = fromNodeAttrs[d3];
-      attrName = attr.name;
-      attrNamespaceURI = attr.namespaceURI;
-      if (attrNamespaceURI) {
-        attrName = attr.localName || attrName;
-        if (!toNode.hasAttributeNS(attrNamespaceURI, attrName)) {
-          fromNode.removeAttributeNS(attrNamespaceURI, attrName);
-        }
-      } else {
-        if (!toNode.hasAttribute(attrName)) {
-          fromNode.removeAttribute(attrName);
-        }
-      }
-    }
-  }
-  __name(morphAttrs, "morphAttrs");
-  var range;
-  var NS_XHTML = "http://www.w3.org/1999/xhtml";
-  var doc = typeof document === "undefined" ? void 0 : document;
-  var HAS_TEMPLATE_SUPPORT = !!doc && "content" in doc.createElement("template");
-  var HAS_RANGE_SUPPORT = !!doc && doc.createRange && "createContextualFragment" in doc.createRange();
-  function createFragmentFromTemplate(str) {
-    var template = doc.createElement("template");
-    template.innerHTML = str;
-    return template.content.childNodes[0];
-  }
-  __name(createFragmentFromTemplate, "createFragmentFromTemplate");
-  function createFragmentFromRange(str) {
-    if (!range) {
-      range = doc.createRange();
-      range.selectNode(doc.body);
-    }
-    var fragment = range.createContextualFragment(str);
-    return fragment.childNodes[0];
-  }
-  __name(createFragmentFromRange, "createFragmentFromRange");
-  function createFragmentFromWrap(str) {
-    var fragment = doc.createElement("body");
-    fragment.innerHTML = str;
-    return fragment.childNodes[0];
-  }
-  __name(createFragmentFromWrap, "createFragmentFromWrap");
-  function toElement(str) {
-    str = str.trim();
-    if (HAS_TEMPLATE_SUPPORT) {
-      return createFragmentFromTemplate(str);
-    } else if (HAS_RANGE_SUPPORT) {
-      return createFragmentFromRange(str);
-    }
-    return createFragmentFromWrap(str);
-  }
-  __name(toElement, "toElement");
-  function compareNodeNames(fromEl, toEl) {
-    var fromNodeName = fromEl.nodeName;
-    var toNodeName = toEl.nodeName;
-    var fromCodeStart, toCodeStart;
-    if (fromNodeName === toNodeName) {
-      return true;
-    }
-    fromCodeStart = fromNodeName.charCodeAt(0);
-    toCodeStart = toNodeName.charCodeAt(0);
-    if (fromCodeStart <= 90 && toCodeStart >= 97) {
-      return fromNodeName === toNodeName.toUpperCase();
-    } else if (toCodeStart <= 90 && fromCodeStart >= 97) {
-      return toNodeName === fromNodeName.toUpperCase();
-    } else {
-      return false;
-    }
-  }
-  __name(compareNodeNames, "compareNodeNames");
-  function createElementNS(name, namespaceURI) {
-    return !namespaceURI || namespaceURI === NS_XHTML ? doc.createElement(name) : doc.createElementNS(namespaceURI, name);
-  }
-  __name(createElementNS, "createElementNS");
-  function moveChildren(fromEl, toEl) {
-    var curChild = fromEl.firstChild;
-    while (curChild) {
-      var nextChild = curChild.nextSibling;
-      toEl.appendChild(curChild);
-      curChild = nextChild;
-    }
-    return toEl;
-  }
-  __name(moveChildren, "moveChildren");
-  function syncBooleanAttrProp(fromEl, toEl, name) {
-    if (fromEl[name] !== toEl[name]) {
-      fromEl[name] = toEl[name];
-      if (fromEl[name]) {
-        fromEl.setAttribute(name, "");
-      } else {
-        fromEl.removeAttribute(name);
-      }
-    }
-  }
-  __name(syncBooleanAttrProp, "syncBooleanAttrProp");
-  var specialElHandlers = {
-    OPTION: /* @__PURE__ */ __name(function(fromEl, toEl) {
-      var parentNode = fromEl.parentNode;
-      if (parentNode) {
-        var parentName = parentNode.nodeName.toUpperCase();
-        if (parentName === "OPTGROUP") {
-          parentNode = parentNode.parentNode;
-          parentName = parentNode && parentNode.nodeName.toUpperCase();
-        }
-        if (parentName === "SELECT" && !parentNode.hasAttribute("multiple")) {
-          if (fromEl.hasAttribute("selected") && !toEl.selected) {
-            fromEl.setAttribute("selected", "selected");
-            fromEl.removeAttribute("selected");
-          }
-          parentNode.selectedIndex = -1;
-        }
-      }
-      syncBooleanAttrProp(fromEl, toEl, "selected");
-    }, "OPTION"),
-    /**
-     * The "value" attribute is special for the <input> element since it sets
-     * the initial value. Changing the "value" attribute without changing the
-     * "value" property will have no effect since it is only used to the set the
-     * initial value.  Similar for the "checked" attribute, and "disabled".
-     */
-    INPUT: /* @__PURE__ */ __name(function(fromEl, toEl) {
-      syncBooleanAttrProp(fromEl, toEl, "checked");
-      syncBooleanAttrProp(fromEl, toEl, "disabled");
-      if (fromEl.value !== toEl.value) {
-        fromEl.value = toEl.value;
-      }
-      if (!toEl.hasAttribute("value")) {
-        fromEl.removeAttribute("value");
-      }
-    }, "INPUT"),
-    TEXTAREA: /* @__PURE__ */ __name(function(fromEl, toEl) {
-      var newValue = toEl.value;
-      if (fromEl.value !== newValue) {
-        fromEl.value = newValue;
-      }
-      var firstChild = fromEl.firstChild;
-      if (firstChild) {
-        var oldValue = firstChild.nodeValue;
-        if (oldValue == newValue || !newValue && oldValue == fromEl.placeholder) {
-          return;
-        }
-        firstChild.nodeValue = newValue;
-      }
-    }, "TEXTAREA"),
-    SELECT: /* @__PURE__ */ __name(function(fromEl, toEl) {
-      if (!toEl.hasAttribute("multiple")) {
-        var selectedIndex = -1;
-        var i3 = 0;
-        var curChild = fromEl.firstChild;
-        var optgroup;
-        var nodeName;
-        while (curChild) {
-          nodeName = curChild.nodeName && curChild.nodeName.toUpperCase();
-          if (nodeName === "OPTGROUP") {
-            optgroup = curChild;
-            curChild = optgroup.firstChild;
-            if (!curChild) {
-              curChild = optgroup.nextSibling;
-              optgroup = null;
-            }
-          } else {
-            if (nodeName === "OPTION") {
-              if (curChild.hasAttribute("selected")) {
-                selectedIndex = i3;
-                break;
-              }
-              i3++;
-            }
-            curChild = curChild.nextSibling;
-            if (!curChild && optgroup) {
-              curChild = optgroup.nextSibling;
-              optgroup = null;
-            }
-          }
-        }
-        fromEl.selectedIndex = selectedIndex;
-      }
-    }, "SELECT")
-  };
-  var ELEMENT_NODE = 1;
-  var DOCUMENT_FRAGMENT_NODE$1 = 11;
-  var TEXT_NODE = 3;
-  var COMMENT_NODE = 8;
-  function noop() {
-  }
-  __name(noop, "noop");
-  function defaultGetNodeKey(node) {
-    if (node) {
-      return node.getAttribute && node.getAttribute("id") || node.id;
-    }
-  }
-  __name(defaultGetNodeKey, "defaultGetNodeKey");
-  function morphdomFactory(morphAttrs2) {
-    return /* @__PURE__ */ __name(function morphdom2(fromNode, toNode, options) {
-      if (!options) {
-        options = {};
-      }
-      if (typeof toNode === "string") {
-        if (fromNode.nodeName === "#document" || fromNode.nodeName === "HTML" || fromNode.nodeName === "BODY") {
-          var toNodeHtml = toNode;
-          toNode = doc.createElement("html");
-          toNode.innerHTML = toNodeHtml;
-        } else {
-          toNode = toElement(toNode);
-        }
-      } else if (toNode.nodeType === DOCUMENT_FRAGMENT_NODE$1) {
-        toNode = toNode.firstElementChild;
-      }
-      var getNodeKey = options.getNodeKey || defaultGetNodeKey;
-      var onBeforeNodeAdded = options.onBeforeNodeAdded || noop;
-      var onNodeAdded = options.onNodeAdded || noop;
-      var onBeforeElUpdated = options.onBeforeElUpdated || noop;
-      var onElUpdated = options.onElUpdated || noop;
-      var onBeforeNodeDiscarded = options.onBeforeNodeDiscarded || noop;
-      var onNodeDiscarded = options.onNodeDiscarded || noop;
-      var onBeforeElChildrenUpdated = options.onBeforeElChildrenUpdated || noop;
-      var skipFromChildren = options.skipFromChildren || noop;
-      var addChild = options.addChild || function(parent, child) {
-        return parent.appendChild(child);
-      };
-      var childrenOnly = options.childrenOnly === true;
-      var fromNodesLookup = /* @__PURE__ */ Object.create(null);
-      var keyedRemovalList = [];
-      function addKeyedRemoval(key) {
-        keyedRemovalList.push(key);
-      }
-      __name(addKeyedRemoval, "addKeyedRemoval");
-      function walkDiscardedChildNodes(node, skipKeyedNodes) {
-        if (node.nodeType === ELEMENT_NODE) {
-          var curChild = node.firstChild;
-          while (curChild) {
-            var key = void 0;
-            if (skipKeyedNodes && (key = getNodeKey(curChild))) {
-              addKeyedRemoval(key);
-            } else {
-              onNodeDiscarded(curChild);
-              if (curChild.firstChild) {
-                walkDiscardedChildNodes(curChild, skipKeyedNodes);
-              }
-            }
-            curChild = curChild.nextSibling;
-          }
-        }
-      }
-      __name(walkDiscardedChildNodes, "walkDiscardedChildNodes");
-      function removeNode(node, parentNode, skipKeyedNodes) {
-        if (onBeforeNodeDiscarded(node) === false) {
-          return;
-        }
-        if (parentNode) {
-          parentNode.removeChild(node);
-        }
-        onNodeDiscarded(node);
-        walkDiscardedChildNodes(node, skipKeyedNodes);
-      }
-      __name(removeNode, "removeNode");
-      function indexTree(node) {
-        if (node.nodeType === ELEMENT_NODE || node.nodeType === DOCUMENT_FRAGMENT_NODE$1) {
-          var curChild = node.firstChild;
-          while (curChild) {
-            var key = getNodeKey(curChild);
-            if (key) {
-              fromNodesLookup[key] = curChild;
-            }
-            indexTree(curChild);
-            curChild = curChild.nextSibling;
-          }
-        }
-      }
-      __name(indexTree, "indexTree");
-      indexTree(fromNode);
-      function handleNodeAdded(el) {
-        onNodeAdded(el);
-        var curChild = el.firstChild;
-        while (curChild) {
-          var nextSibling = curChild.nextSibling;
-          var key = getNodeKey(curChild);
-          if (key) {
-            var unmatchedFromEl = fromNodesLookup[key];
-            if (unmatchedFromEl && compareNodeNames(curChild, unmatchedFromEl)) {
-              curChild.parentNode.replaceChild(unmatchedFromEl, curChild);
-              morphEl(unmatchedFromEl, curChild);
-            } else {
-              handleNodeAdded(curChild);
-            }
-          } else {
-            handleNodeAdded(curChild);
-          }
-          curChild = nextSibling;
-        }
-      }
-      __name(handleNodeAdded, "handleNodeAdded");
-      function cleanupFromEl(fromEl, curFromNodeChild, curFromNodeKey) {
-        while (curFromNodeChild) {
-          var fromNextSibling = curFromNodeChild.nextSibling;
-          if (curFromNodeKey = getNodeKey(curFromNodeChild)) {
-            addKeyedRemoval(curFromNodeKey);
-          } else {
-            removeNode(
-              curFromNodeChild,
-              fromEl,
-              true
-              /* skip keyed nodes */
-            );
-          }
-          curFromNodeChild = fromNextSibling;
-        }
-      }
-      __name(cleanupFromEl, "cleanupFromEl");
-      function morphEl(fromEl, toEl, childrenOnly2) {
-        var toElKey = getNodeKey(toEl);
-        if (toElKey) {
-          delete fromNodesLookup[toElKey];
-        }
-        if (!childrenOnly2) {
-          var beforeUpdateResult = onBeforeElUpdated(fromEl, toEl);
-          if (beforeUpdateResult === false) {
-            return;
-          } else if (beforeUpdateResult instanceof HTMLElement) {
-            fromEl = beforeUpdateResult;
-            indexTree(fromEl);
-          }
-          morphAttrs2(fromEl, toEl);
-          onElUpdated(fromEl);
-          if (onBeforeElChildrenUpdated(fromEl, toEl) === false) {
-            return;
-          }
-        }
-        if (fromEl.nodeName !== "TEXTAREA") {
-          morphChildren(fromEl, toEl);
-        } else {
-          specialElHandlers.TEXTAREA(fromEl, toEl);
-        }
-      }
-      __name(morphEl, "morphEl");
-      function morphChildren(fromEl, toEl) {
-        var skipFrom = skipFromChildren(fromEl, toEl);
-        var curToNodeChild = toEl.firstChild;
-        var curFromNodeChild = fromEl.firstChild;
-        var curToNodeKey;
-        var curFromNodeKey;
-        var fromNextSibling;
-        var toNextSibling;
-        var matchingFromEl;
-        outer: while (curToNodeChild) {
-          toNextSibling = curToNodeChild.nextSibling;
-          curToNodeKey = getNodeKey(curToNodeChild);
-          while (!skipFrom && curFromNodeChild) {
-            fromNextSibling = curFromNodeChild.nextSibling;
-            if (curToNodeChild.isSameNode && curToNodeChild.isSameNode(curFromNodeChild)) {
-              curToNodeChild = toNextSibling;
-              curFromNodeChild = fromNextSibling;
-              continue outer;
-            }
-            curFromNodeKey = getNodeKey(curFromNodeChild);
-            var curFromNodeType = curFromNodeChild.nodeType;
-            var isCompatible = void 0;
-            if (curFromNodeType === curToNodeChild.nodeType) {
-              if (curFromNodeType === ELEMENT_NODE) {
-                if (curToNodeKey) {
-                  if (curToNodeKey !== curFromNodeKey) {
-                    if (matchingFromEl = fromNodesLookup[curToNodeKey]) {
-                      if (fromNextSibling === matchingFromEl) {
-                        isCompatible = false;
-                      } else {
-                        fromEl.insertBefore(matchingFromEl, curFromNodeChild);
-                        if (curFromNodeKey) {
-                          addKeyedRemoval(curFromNodeKey);
-                        } else {
-                          removeNode(
-                            curFromNodeChild,
-                            fromEl,
-                            true
-                            /* skip keyed nodes */
-                          );
-                        }
-                        curFromNodeChild = matchingFromEl;
-                        curFromNodeKey = getNodeKey(curFromNodeChild);
-                      }
-                    } else {
-                      isCompatible = false;
-                    }
-                  }
-                } else if (curFromNodeKey) {
-                  isCompatible = false;
-                }
-                isCompatible = isCompatible !== false && compareNodeNames(curFromNodeChild, curToNodeChild);
-                if (isCompatible) {
-                  morphEl(curFromNodeChild, curToNodeChild);
-                }
-              } else if (curFromNodeType === TEXT_NODE || curFromNodeType == COMMENT_NODE) {
-                isCompatible = true;
-                if (curFromNodeChild.nodeValue !== curToNodeChild.nodeValue) {
-                  curFromNodeChild.nodeValue = curToNodeChild.nodeValue;
-                }
-              }
-            }
-            if (isCompatible) {
-              curToNodeChild = toNextSibling;
-              curFromNodeChild = fromNextSibling;
-              continue outer;
-            }
-            if (curFromNodeKey) {
-              addKeyedRemoval(curFromNodeKey);
-            } else {
-              removeNode(
-                curFromNodeChild,
-                fromEl,
-                true
-                /* skip keyed nodes */
-              );
-            }
-            curFromNodeChild = fromNextSibling;
-          }
-          if (curToNodeKey && (matchingFromEl = fromNodesLookup[curToNodeKey]) && compareNodeNames(matchingFromEl, curToNodeChild)) {
-            if (!skipFrom) {
-              addChild(fromEl, matchingFromEl);
-            }
-            morphEl(matchingFromEl, curToNodeChild);
-          } else {
-            var onBeforeNodeAddedResult = onBeforeNodeAdded(curToNodeChild);
-            if (onBeforeNodeAddedResult !== false) {
-              if (onBeforeNodeAddedResult) {
-                curToNodeChild = onBeforeNodeAddedResult;
-              }
-              if (curToNodeChild.actualize) {
-                curToNodeChild = curToNodeChild.actualize(fromEl.ownerDocument || doc);
-              }
-              addChild(fromEl, curToNodeChild);
-              handleNodeAdded(curToNodeChild);
-            }
-          }
-          curToNodeChild = toNextSibling;
-          curFromNodeChild = fromNextSibling;
-        }
-        cleanupFromEl(fromEl, curFromNodeChild, curFromNodeKey);
-        var specialElHandler = specialElHandlers[fromEl.nodeName];
-        if (specialElHandler) {
-          specialElHandler(fromEl, toEl);
-        }
-      }
-      __name(morphChildren, "morphChildren");
-      var morphedNode = fromNode;
-      var morphedNodeType = morphedNode.nodeType;
-      var toNodeType = toNode.nodeType;
-      if (!childrenOnly) {
-        if (morphedNodeType === ELEMENT_NODE) {
-          if (toNodeType === ELEMENT_NODE) {
-            if (!compareNodeNames(fromNode, toNode)) {
-              onNodeDiscarded(fromNode);
-              morphedNode = moveChildren(fromNode, createElementNS(toNode.nodeName, toNode.namespaceURI));
-            }
-          } else {
-            morphedNode = toNode;
-          }
-        } else if (morphedNodeType === TEXT_NODE || morphedNodeType === COMMENT_NODE) {
-          if (toNodeType === morphedNodeType) {
-            if (morphedNode.nodeValue !== toNode.nodeValue) {
-              morphedNode.nodeValue = toNode.nodeValue;
-            }
-            return morphedNode;
-          } else {
-            morphedNode = toNode;
-          }
-        }
-      }
-      if (morphedNode === toNode) {
-        onNodeDiscarded(fromNode);
-      } else {
-        if (toNode.isSameNode && toNode.isSameNode(morphedNode)) {
-          return;
-        }
-        morphEl(morphedNode, toNode, childrenOnly);
-        if (keyedRemovalList) {
-          for (var i3 = 0, len = keyedRemovalList.length; i3 < len; i3++) {
-            var elToRemove = fromNodesLookup[keyedRemovalList[i3]];
-            if (elToRemove) {
-              removeNode(elToRemove, elToRemove.parentNode, false);
-            }
-          }
-        }
-      }
-      if (!childrenOnly && morphedNode !== fromNode && fromNode.parentNode) {
-        if (morphedNode.actualize) {
-          morphedNode = morphedNode.actualize(fromNode.ownerDocument || doc);
-        }
-        fromNode.parentNode.replaceChild(morphedNode, fromNode);
-      }
-      return morphedNode;
-    }, "morphdom");
-  }
-  __name(morphdomFactory, "morphdomFactory");
-  var morphdom = morphdomFactory(morphAttrs);
-  var morphdom_esm_default = morphdom;
-
-  // ../../node_modules/.pnpm/preact@10.27.2/node_modules/preact/dist/preact.module.js
-  var n;
-  var l;
-  var u;
-  var t;
-  var i;
-  var r;
-  var o;
-  var e;
-  var f;
-  var c;
-  var s;
-  var a;
-  var h;
-  var p = {};
-  var v = [];
-  var y = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
-  var w = Array.isArray;
-  function d(n2, l3) {
-    for (var u4 in l3) n2[u4] = l3[u4];
-    return n2;
-  }
-  __name(d, "d");
-  function g(n2) {
-    n2 && n2.parentNode && n2.parentNode.removeChild(n2);
-  }
-  __name(g, "g");
-  function _(l3, u4, t3) {
-    var i3, r3, o3, e3 = {};
-    for (o3 in u4) "key" == o3 ? i3 = u4[o3] : "ref" == o3 ? r3 = u4[o3] : e3[o3] = u4[o3];
-    if (arguments.length > 2 && (e3.children = arguments.length > 3 ? n.call(arguments, 2) : t3), "function" == typeof l3 && null != l3.defaultProps) for (o3 in l3.defaultProps) void 0 === e3[o3] && (e3[o3] = l3.defaultProps[o3]);
-    return m(l3, e3, i3, r3, null);
-  }
-  __name(_, "_");
-  function m(n2, t3, i3, r3, o3) {
-    var e3 = { type: n2, props: t3, key: i3, ref: r3, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: null == o3 ? ++u : o3, __i: -1, __u: 0 };
-    return null == o3 && null != l.vnode && l.vnode(e3), e3;
-  }
-  __name(m, "m");
-  function k(n2) {
-    return n2.children;
-  }
-  __name(k, "k");
-  function x(n2, l3) {
-    this.props = n2, this.context = l3;
-  }
-  __name(x, "x");
-  function S(n2, l3) {
-    if (null == l3) return n2.__ ? S(n2.__, n2.__i + 1) : null;
-    for (var u4; l3 < n2.__k.length; l3++) if (null != (u4 = n2.__k[l3]) && null != u4.__e) return u4.__e;
-    return "function" == typeof n2.type ? S(n2) : null;
-  }
-  __name(S, "S");
-  function C(n2) {
-    var l3, u4;
-    if (null != (n2 = n2.__) && null != n2.__c) {
-      for (n2.__e = n2.__c.base = null, l3 = 0; l3 < n2.__k.length; l3++) if (null != (u4 = n2.__k[l3]) && null != u4.__e) {
-        n2.__e = n2.__c.base = u4.__e;
-        break;
-      }
-      return C(n2);
-    }
-  }
-  __name(C, "C");
-  function M(n2) {
-    (!n2.__d && (n2.__d = true) && i.push(n2) && !$.__r++ || r != l.debounceRendering) && ((r = l.debounceRendering) || o)($);
-  }
-  __name(M, "M");
-  function $() {
-    for (var n2, u4, t3, r3, o3, f4, c3, s3 = 1; i.length; ) i.length > s3 && i.sort(e), n2 = i.shift(), s3 = i.length, n2.__d && (t3 = void 0, r3 = void 0, o3 = (r3 = (u4 = n2).__v).__e, f4 = [], c3 = [], u4.__P && ((t3 = d({}, r3)).__v = r3.__v + 1, l.vnode && l.vnode(t3), O(u4.__P, t3, r3, u4.__n, u4.__P.namespaceURI, 32 & r3.__u ? [o3] : null, f4, null == o3 ? S(r3) : o3, !!(32 & r3.__u), c3), t3.__v = r3.__v, t3.__.__k[t3.__i] = t3, N(f4, t3, c3), r3.__e = r3.__ = null, t3.__e != o3 && C(t3)));
-    $.__r = 0;
-  }
-  __name($, "$");
-  function I(n2, l3, u4, t3, i3, r3, o3, e3, f4, c3, s3) {
-    var a3, h3, y3, w3, d3, g2, _2, m3 = t3 && t3.__k || v, b = l3.length;
-    for (f4 = P(u4, l3, m3, f4, b), a3 = 0; a3 < b; a3++) null != (y3 = u4.__k[a3]) && (h3 = -1 == y3.__i ? p : m3[y3.__i] || p, y3.__i = a3, g2 = O(n2, y3, h3, i3, r3, o3, e3, f4, c3, s3), w3 = y3.__e, y3.ref && h3.ref != y3.ref && (h3.ref && B(h3.ref, null, y3), s3.push(y3.ref, y3.__c || w3, y3)), null == d3 && null != w3 && (d3 = w3), (_2 = !!(4 & y3.__u)) || h3.__k === y3.__k ? f4 = A(y3, f4, n2, _2) : "function" == typeof y3.type && void 0 !== g2 ? f4 = g2 : w3 && (f4 = w3.nextSibling), y3.__u &= -7);
-    return u4.__e = d3, f4;
-  }
-  __name(I, "I");
-  function P(n2, l3, u4, t3, i3) {
-    var r3, o3, e3, f4, c3, s3 = u4.length, a3 = s3, h3 = 0;
-    for (n2.__k = new Array(i3), r3 = 0; r3 < i3; r3++) null != (o3 = l3[r3]) && "boolean" != typeof o3 && "function" != typeof o3 ? (f4 = r3 + h3, (o3 = n2.__k[r3] = "string" == typeof o3 || "number" == typeof o3 || "bigint" == typeof o3 || o3.constructor == String ? m(null, o3, null, null, null) : w(o3) ? m(k, { children: o3 }, null, null, null) : null == o3.constructor && o3.__b > 0 ? m(o3.type, o3.props, o3.key, o3.ref ? o3.ref : null, o3.__v) : o3).__ = n2, o3.__b = n2.__b + 1, e3 = null, -1 != (c3 = o3.__i = L(o3, u4, f4, a3)) && (a3--, (e3 = u4[c3]) && (e3.__u |= 2)), null == e3 || null == e3.__v ? (-1 == c3 && (i3 > s3 ? h3-- : i3 < s3 && h3++), "function" != typeof o3.type && (o3.__u |= 4)) : c3 != f4 && (c3 == f4 - 1 ? h3-- : c3 == f4 + 1 ? h3++ : (c3 > f4 ? h3-- : h3++, o3.__u |= 4))) : n2.__k[r3] = null;
-    if (a3) for (r3 = 0; r3 < s3; r3++) null != (e3 = u4[r3]) && 0 == (2 & e3.__u) && (e3.__e == t3 && (t3 = S(e3)), D(e3, e3));
-    return t3;
-  }
-  __name(P, "P");
-  function A(n2, l3, u4, t3) {
-    var i3, r3;
-    if ("function" == typeof n2.type) {
-      for (i3 = n2.__k, r3 = 0; i3 && r3 < i3.length; r3++) i3[r3] && (i3[r3].__ = n2, l3 = A(i3[r3], l3, u4, t3));
-      return l3;
-    }
-    n2.__e != l3 && (t3 && (l3 && n2.type && !l3.parentNode && (l3 = S(n2)), u4.insertBefore(n2.__e, l3 || null)), l3 = n2.__e);
-    do {
-      l3 = l3 && l3.nextSibling;
-    } while (null != l3 && 8 == l3.nodeType);
-    return l3;
-  }
-  __name(A, "A");
-  function L(n2, l3, u4, t3) {
-    var i3, r3, o3, e3 = n2.key, f4 = n2.type, c3 = l3[u4], s3 = null != c3 && 0 == (2 & c3.__u);
-    if (null === c3 && null == n2.key || s3 && e3 == c3.key && f4 == c3.type) return u4;
-    if (t3 > (s3 ? 1 : 0)) {
-      for (i3 = u4 - 1, r3 = u4 + 1; i3 >= 0 || r3 < l3.length; ) if (null != (c3 = l3[o3 = i3 >= 0 ? i3-- : r3++]) && 0 == (2 & c3.__u) && e3 == c3.key && f4 == c3.type) return o3;
-    }
-    return -1;
-  }
-  __name(L, "L");
-  function T(n2, l3, u4) {
-    "-" == l3[0] ? n2.setProperty(l3, null == u4 ? "" : u4) : n2[l3] = null == u4 ? "" : "number" != typeof u4 || y.test(l3) ? u4 : u4 + "px";
-  }
-  __name(T, "T");
-  function j(n2, l3, u4, t3, i3) {
-    var r3, o3;
-    n: if ("style" == l3) if ("string" == typeof u4) n2.style.cssText = u4;
-    else {
-      if ("string" == typeof t3 && (n2.style.cssText = t3 = ""), t3) for (l3 in t3) u4 && l3 in u4 || T(n2.style, l3, "");
-      if (u4) for (l3 in u4) t3 && u4[l3] == t3[l3] || T(n2.style, l3, u4[l3]);
-    }
-    else if ("o" == l3[0] && "n" == l3[1]) r3 = l3 != (l3 = l3.replace(f, "$1")), o3 = l3.toLowerCase(), l3 = o3 in n2 || "onFocusOut" == l3 || "onFocusIn" == l3 ? o3.slice(2) : l3.slice(2), n2.l || (n2.l = {}), n2.l[l3 + r3] = u4, u4 ? t3 ? u4.u = t3.u : (u4.u = c, n2.addEventListener(l3, r3 ? a : s, r3)) : n2.removeEventListener(l3, r3 ? a : s, r3);
-    else {
-      if ("http://www.w3.org/2000/svg" == i3) l3 = l3.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
-      else if ("width" != l3 && "height" != l3 && "href" != l3 && "list" != l3 && "form" != l3 && "tabIndex" != l3 && "download" != l3 && "rowSpan" != l3 && "colSpan" != l3 && "role" != l3 && "popover" != l3 && l3 in n2) try {
-        n2[l3] = null == u4 ? "" : u4;
-        break n;
-      } catch (n3) {
-      }
-      "function" == typeof u4 || (null == u4 || false === u4 && "-" != l3[4] ? n2.removeAttribute(l3) : n2.setAttribute(l3, "popover" == l3 && 1 == u4 ? "" : u4));
-    }
-  }
-  __name(j, "j");
-  function F(n2) {
-    return function(u4) {
-      if (this.l) {
-        var t3 = this.l[u4.type + n2];
-        if (null == u4.t) u4.t = c++;
-        else if (u4.t < t3.u) return;
-        return t3(l.event ? l.event(u4) : u4);
-      }
-    };
-  }
-  __name(F, "F");
-  function O(n2, u4, t3, i3, r3, o3, e3, f4, c3, s3) {
-    var a3, h3, p3, v3, y3, _2, m3, b, S2, C3, M2, $2, P2, A3, H, L2, T3, j3 = u4.type;
-    if (null != u4.constructor) return null;
-    128 & t3.__u && (c3 = !!(32 & t3.__u), o3 = [f4 = u4.__e = t3.__e]), (a3 = l.__b) && a3(u4);
-    n: if ("function" == typeof j3) try {
-      if (b = u4.props, S2 = "prototype" in j3 && j3.prototype.render, C3 = (a3 = j3.contextType) && i3[a3.__c], M2 = a3 ? C3 ? C3.props.value : a3.__ : i3, t3.__c ? m3 = (h3 = u4.__c = t3.__c).__ = h3.__E : (S2 ? u4.__c = h3 = new j3(b, M2) : (u4.__c = h3 = new x(b, M2), h3.constructor = j3, h3.render = E), C3 && C3.sub(h3), h3.props = b, h3.state || (h3.state = {}), h3.context = M2, h3.__n = i3, p3 = h3.__d = true, h3.__h = [], h3._sb = []), S2 && null == h3.__s && (h3.__s = h3.state), S2 && null != j3.getDerivedStateFromProps && (h3.__s == h3.state && (h3.__s = d({}, h3.__s)), d(h3.__s, j3.getDerivedStateFromProps(b, h3.__s))), v3 = h3.props, y3 = h3.state, h3.__v = u4, p3) S2 && null == j3.getDerivedStateFromProps && null != h3.componentWillMount && h3.componentWillMount(), S2 && null != h3.componentDidMount && h3.__h.push(h3.componentDidMount);
-      else {
-        if (S2 && null == j3.getDerivedStateFromProps && b !== v3 && null != h3.componentWillReceiveProps && h3.componentWillReceiveProps(b, M2), !h3.__e && null != h3.shouldComponentUpdate && false === h3.shouldComponentUpdate(b, h3.__s, M2) || u4.__v == t3.__v) {
-          for (u4.__v != t3.__v && (h3.props = b, h3.state = h3.__s, h3.__d = false), u4.__e = t3.__e, u4.__k = t3.__k, u4.__k.some(function(n3) {
-            n3 && (n3.__ = u4);
-          }), $2 = 0; $2 < h3._sb.length; $2++) h3.__h.push(h3._sb[$2]);
-          h3._sb = [], h3.__h.length && e3.push(h3);
-          break n;
-        }
-        null != h3.componentWillUpdate && h3.componentWillUpdate(b, h3.__s, M2), S2 && null != h3.componentDidUpdate && h3.__h.push(function() {
-          h3.componentDidUpdate(v3, y3, _2);
-        });
-      }
-      if (h3.context = M2, h3.props = b, h3.__P = n2, h3.__e = false, P2 = l.__r, A3 = 0, S2) {
-        for (h3.state = h3.__s, h3.__d = false, P2 && P2(u4), a3 = h3.render(h3.props, h3.state, h3.context), H = 0; H < h3._sb.length; H++) h3.__h.push(h3._sb[H]);
-        h3._sb = [];
-      } else do {
-        h3.__d = false, P2 && P2(u4), a3 = h3.render(h3.props, h3.state, h3.context), h3.state = h3.__s;
-      } while (h3.__d && ++A3 < 25);
-      h3.state = h3.__s, null != h3.getChildContext && (i3 = d(d({}, i3), h3.getChildContext())), S2 && !p3 && null != h3.getSnapshotBeforeUpdate && (_2 = h3.getSnapshotBeforeUpdate(v3, y3)), L2 = a3, null != a3 && a3.type === k && null == a3.key && (L2 = V(a3.props.children)), f4 = I(n2, w(L2) ? L2 : [L2], u4, t3, i3, r3, o3, e3, f4, c3, s3), h3.base = u4.__e, u4.__u &= -161, h3.__h.length && e3.push(h3), m3 && (h3.__E = h3.__ = null);
-    } catch (n3) {
-      if (u4.__v = null, c3 || null != o3) if (n3.then) {
-        for (u4.__u |= c3 ? 160 : 128; f4 && 8 == f4.nodeType && f4.nextSibling; ) f4 = f4.nextSibling;
-        o3[o3.indexOf(f4)] = null, u4.__e = f4;
-      } else {
-        for (T3 = o3.length; T3--; ) g(o3[T3]);
-        z(u4);
-      }
-      else u4.__e = t3.__e, u4.__k = t3.__k, n3.then || z(u4);
-      l.__e(n3, u4, t3);
-    }
-    else null == o3 && u4.__v == t3.__v ? (u4.__k = t3.__k, u4.__e = t3.__e) : f4 = u4.__e = q(t3.__e, u4, t3, i3, r3, o3, e3, c3, s3);
-    return (a3 = l.diffed) && a3(u4), 128 & u4.__u ? void 0 : f4;
-  }
-  __name(O, "O");
-  function z(n2) {
-    n2 && n2.__c && (n2.__c.__e = true), n2 && n2.__k && n2.__k.forEach(z);
-  }
-  __name(z, "z");
-  function N(n2, u4, t3) {
-    for (var i3 = 0; i3 < t3.length; i3++) B(t3[i3], t3[++i3], t3[++i3]);
-    l.__c && l.__c(u4, n2), n2.some(function(u5) {
-      try {
-        n2 = u5.__h, u5.__h = [], n2.some(function(n3) {
-          n3.call(u5);
-        });
-      } catch (n3) {
-        l.__e(n3, u5.__v);
-      }
-    });
-  }
-  __name(N, "N");
-  function V(n2) {
-    return "object" != typeof n2 || null == n2 || n2.__b && n2.__b > 0 ? n2 : w(n2) ? n2.map(V) : d({}, n2);
-  }
-  __name(V, "V");
-  function q(u4, t3, i3, r3, o3, e3, f4, c3, s3) {
-    var a3, h3, v3, y3, d3, _2, m3, b = i3.props, k3 = t3.props, x2 = t3.type;
-    if ("svg" == x2 ? o3 = "http://www.w3.org/2000/svg" : "math" == x2 ? o3 = "http://www.w3.org/1998/Math/MathML" : o3 || (o3 = "http://www.w3.org/1999/xhtml"), null != e3) {
-      for (a3 = 0; a3 < e3.length; a3++) if ((d3 = e3[a3]) && "setAttribute" in d3 == !!x2 && (x2 ? d3.localName == x2 : 3 == d3.nodeType)) {
-        u4 = d3, e3[a3] = null;
-        break;
-      }
-    }
-    if (null == u4) {
-      if (null == x2) return document.createTextNode(k3);
-      u4 = document.createElementNS(o3, x2, k3.is && k3), c3 && (l.__m && l.__m(t3, e3), c3 = false), e3 = null;
-    }
-    if (null == x2) b === k3 || c3 && u4.data == k3 || (u4.data = k3);
-    else {
-      if (e3 = e3 && n.call(u4.childNodes), b = i3.props || p, !c3 && null != e3) for (b = {}, a3 = 0; a3 < u4.attributes.length; a3++) b[(d3 = u4.attributes[a3]).name] = d3.value;
-      for (a3 in b) if (d3 = b[a3], "children" == a3) ;
-      else if ("dangerouslySetInnerHTML" == a3) v3 = d3;
-      else if (!(a3 in k3)) {
-        if ("value" == a3 && "defaultValue" in k3 || "checked" == a3 && "defaultChecked" in k3) continue;
-        j(u4, a3, null, d3, o3);
-      }
-      for (a3 in k3) d3 = k3[a3], "children" == a3 ? y3 = d3 : "dangerouslySetInnerHTML" == a3 ? h3 = d3 : "value" == a3 ? _2 = d3 : "checked" == a3 ? m3 = d3 : c3 && "function" != typeof d3 || b[a3] === d3 || j(u4, a3, d3, b[a3], o3);
-      if (h3) c3 || v3 && (h3.__html == v3.__html || h3.__html == u4.innerHTML) || (u4.innerHTML = h3.__html), t3.__k = [];
-      else if (v3 && (u4.innerHTML = ""), I("template" == t3.type ? u4.content : u4, w(y3) ? y3 : [y3], t3, i3, r3, "foreignObject" == x2 ? "http://www.w3.org/1999/xhtml" : o3, e3, f4, e3 ? e3[0] : i3.__k && S(i3, 0), c3, s3), null != e3) for (a3 = e3.length; a3--; ) g(e3[a3]);
-      c3 || (a3 = "value", "progress" == x2 && null == _2 ? u4.removeAttribute("value") : null != _2 && (_2 !== u4[a3] || "progress" == x2 && !_2 || "option" == x2 && _2 != b[a3]) && j(u4, a3, _2, b[a3], o3), a3 = "checked", null != m3 && m3 != u4[a3] && j(u4, a3, m3, b[a3], o3));
-    }
-    return u4;
-  }
-  __name(q, "q");
-  function B(n2, u4, t3) {
-    try {
-      if ("function" == typeof n2) {
-        var i3 = "function" == typeof n2.__u;
-        i3 && n2.__u(), i3 && null == u4 || (n2.__u = n2(u4));
-      } else n2.current = u4;
-    } catch (n3) {
-      l.__e(n3, t3);
-    }
-  }
-  __name(B, "B");
-  function D(n2, u4, t3) {
-    var i3, r3;
-    if (l.unmount && l.unmount(n2), (i3 = n2.ref) && (i3.current && i3.current != n2.__e || B(i3, null, u4)), null != (i3 = n2.__c)) {
-      if (i3.componentWillUnmount) try {
-        i3.componentWillUnmount();
-      } catch (n3) {
-        l.__e(n3, u4);
-      }
-      i3.base = i3.__P = null;
-    }
-    if (i3 = n2.__k) for (r3 = 0; r3 < i3.length; r3++) i3[r3] && D(i3[r3], u4, t3 || "function" != typeof n2.type);
-    t3 || g(n2.__e), n2.__c = n2.__ = n2.__e = void 0;
-  }
-  __name(D, "D");
-  function E(n2, l3, u4) {
-    return this.constructor(n2, u4);
-  }
-  __name(E, "E");
-  function G(u4, t3, i3) {
-    var r3, o3, e3, f4;
-    t3 == document && (t3 = document.documentElement), l.__ && l.__(u4, t3), o3 = (r3 = "function" == typeof i3) ? null : i3 && i3.__k || t3.__k, e3 = [], f4 = [], O(t3, u4 = (!r3 && i3 || t3).__k = _(k, null, [u4]), o3 || p, p, t3.namespaceURI, !r3 && i3 ? [i3] : o3 ? null : t3.firstChild ? n.call(t3.childNodes) : null, e3, !r3 && i3 ? i3 : o3 ? o3.__e : t3.firstChild, r3, f4), N(e3, u4, f4);
-  }
-  __name(G, "G");
-  n = v.slice, l = { __e: /* @__PURE__ */ __name(function(n2, l3, u4, t3) {
-    for (var i3, r3, o3; l3 = l3.__; ) if ((i3 = l3.__c) && !i3.__) try {
-      if ((r3 = i3.constructor) && null != r3.getDerivedStateFromError && (i3.setState(r3.getDerivedStateFromError(n2)), o3 = i3.__d), null != i3.componentDidCatch && (i3.componentDidCatch(n2, t3 || {}), o3 = i3.__d), o3) return i3.__E = i3;
-    } catch (l4) {
-      n2 = l4;
-    }
-    throw n2;
-  }, "__e") }, u = 0, t = /* @__PURE__ */ __name(function(n2) {
-    return null != n2 && null == n2.constructor;
-  }, "t"), x.prototype.setState = function(n2, l3) {
-    var u4;
-    u4 = null != this.__s && this.__s != this.state ? this.__s : this.__s = d({}, this.state), "function" == typeof n2 && (n2 = n2(d({}, u4), this.props)), n2 && d(u4, n2), null != n2 && this.__v && (l3 && this._sb.push(l3), M(this));
-  }, x.prototype.forceUpdate = function(n2) {
-    this.__v && (this.__e = true, n2 && this.__h.push(n2), M(this));
-  }, x.prototype.render = k, i = [], o = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e = /* @__PURE__ */ __name(function(n2, l3) {
-    return n2.__v.__b - l3.__v.__b;
-  }, "e"), $.__r = 0, f = /(PointerCapture)$|Capture$/i, c = 0, s = F(false), a = F(true), h = 0;
-
-  // ../../node_modules/.pnpm/preact@10.27.2/node_modules/preact/hooks/dist/hooks.module.js
-  var t2;
-  var r2;
-  var u2;
-  var i2;
-  var o2 = 0;
-  var f2 = [];
-  var c2 = l;
-  var e2 = c2.__b;
-  var a2 = c2.__r;
-  var v2 = c2.diffed;
-  var l2 = c2.__c;
-  var m2 = c2.unmount;
-  var s2 = c2.__;
-  function p2(n2, t3) {
-    c2.__h && c2.__h(r2, n2, o2 || t3), o2 = 0;
-    var u4 = r2.__H || (r2.__H = { __: [], __h: [] });
-    return n2 >= u4.__.length && u4.__.push({}), u4.__[n2];
-  }
-  __name(p2, "p");
-  function d2(n2) {
-    return o2 = 1, h2(D2, n2);
-  }
-  __name(d2, "d");
-  function h2(n2, u4, i3) {
-    var o3 = p2(t2++, 2);
-    if (o3.t = n2, !o3.__c && (o3.__ = [i3 ? i3(u4) : D2(void 0, u4), function(n3) {
-      var t3 = o3.__N ? o3.__N[0] : o3.__[0], r3 = o3.t(t3, n3);
-      t3 !== r3 && (o3.__N = [r3, o3.__[1]], o3.__c.setState({}));
-    }], o3.__c = r2, !r2.__f)) {
-      var f4 = /* @__PURE__ */ __name(function(n3, t3, r3) {
-        if (!o3.__c.__H) return true;
-        var u5 = o3.__c.__H.__.filter(function(n4) {
-          return !!n4.__c;
-        });
-        if (u5.every(function(n4) {
-          return !n4.__N;
-        })) return !c3 || c3.call(this, n3, t3, r3);
-        var i4 = o3.__c.props !== n3;
-        return u5.forEach(function(n4) {
-          if (n4.__N) {
-            var t4 = n4.__[0];
-            n4.__ = n4.__N, n4.__N = void 0, t4 !== n4.__[0] && (i4 = true);
-          }
-        }), c3 && c3.call(this, n3, t3, r3) || i4;
-      }, "f");
-      r2.__f = true;
-      var c3 = r2.shouldComponentUpdate, e3 = r2.componentWillUpdate;
-      r2.componentWillUpdate = function(n3, t3, r3) {
-        if (this.__e) {
-          var u5 = c3;
-          c3 = void 0, f4(n3, t3, r3), c3 = u5;
-        }
-        e3 && e3.call(this, n3, t3, r3);
-      }, r2.shouldComponentUpdate = f4;
-    }
-    return o3.__N || o3.__;
-  }
-  __name(h2, "h");
-  function y2(n2, u4) {
-    var i3 = p2(t2++, 3);
-    !c2.__s && C2(i3.__H, u4) && (i3.__ = n2, i3.u = u4, r2.__H.__h.push(i3));
-  }
-  __name(y2, "y");
-  function A2(n2) {
-    return o2 = 5, T2(function() {
-      return { current: n2 };
-    }, []);
-  }
-  __name(A2, "A");
-  function T2(n2, r3) {
-    var u4 = p2(t2++, 7);
-    return C2(u4.__H, r3) && (u4.__ = n2(), u4.__H = r3, u4.__h = n2), u4.__;
-  }
-  __name(T2, "T");
-  function q2(n2, t3) {
-    return o2 = 8, T2(function() {
-      return n2;
-    }, t3);
-  }
-  __name(q2, "q");
-  function j2() {
-    for (var n2; n2 = f2.shift(); ) if (n2.__P && n2.__H) try {
-      n2.__H.__h.forEach(z2), n2.__H.__h.forEach(B2), n2.__H.__h = [];
-    } catch (t3) {
-      n2.__H.__h = [], c2.__e(t3, n2.__v);
-    }
-  }
-  __name(j2, "j");
-  c2.__b = function(n2) {
-    r2 = null, e2 && e2(n2);
-  }, c2.__ = function(n2, t3) {
-    n2 && t3.__k && t3.__k.__m && (n2.__m = t3.__k.__m), s2 && s2(n2, t3);
-  }, c2.__r = function(n2) {
-    a2 && a2(n2), t2 = 0;
-    var i3 = (r2 = n2.__c).__H;
-    i3 && (u2 === r2 ? (i3.__h = [], r2.__h = [], i3.__.forEach(function(n3) {
-      n3.__N && (n3.__ = n3.__N), n3.u = n3.__N = void 0;
-    })) : (i3.__h.forEach(z2), i3.__h.forEach(B2), i3.__h = [], t2 = 0)), u2 = r2;
-  }, c2.diffed = function(n2) {
-    v2 && v2(n2);
-    var t3 = n2.__c;
-    t3 && t3.__H && (t3.__H.__h.length && (1 !== f2.push(t3) && i2 === c2.requestAnimationFrame || ((i2 = c2.requestAnimationFrame) || w2)(j2)), t3.__H.__.forEach(function(n3) {
-      n3.u && (n3.__H = n3.u), n3.u = void 0;
-    })), u2 = r2 = null;
-  }, c2.__c = function(n2, t3) {
-    t3.some(function(n3) {
-      try {
-        n3.__h.forEach(z2), n3.__h = n3.__h.filter(function(n4) {
-          return !n4.__ || B2(n4);
-        });
-      } catch (r3) {
-        t3.some(function(n4) {
-          n4.__h && (n4.__h = []);
-        }), t3 = [], c2.__e(r3, n3.__v);
-      }
-    }), l2 && l2(n2, t3);
-  }, c2.unmount = function(n2) {
-    m2 && m2(n2);
-    var t3, r3 = n2.__c;
-    r3 && r3.__H && (r3.__H.__.forEach(function(n3) {
-      try {
-        z2(n3);
-      } catch (n4) {
-        t3 = n4;
-      }
-    }), r3.__H = void 0, t3 && c2.__e(t3, r3.__v));
-  };
-  var k2 = "function" == typeof requestAnimationFrame;
-  function w2(n2) {
-    var t3, r3 = /* @__PURE__ */ __name(function() {
-      clearTimeout(u4), k2 && cancelAnimationFrame(t3), setTimeout(n2);
-    }, "r"), u4 = setTimeout(r3, 35);
-    k2 && (t3 = requestAnimationFrame(r3));
-  }
-  __name(w2, "w");
-  function z2(n2) {
-    var t3 = r2, u4 = n2.__c;
-    "function" == typeof u4 && (n2.__c = void 0, u4()), r2 = t3;
-  }
-  __name(z2, "z");
-  function B2(n2) {
-    var t3 = r2;
-    n2.__c = n2.__(), r2 = t3;
-  }
-  __name(B2, "B");
-  function C2(n2, t3) {
-    return !n2 || n2.length !== t3.length || t3.some(function(t4, r3) {
-      return t4 !== n2[r3];
-    });
-  }
-  __name(C2, "C");
-  function D2(n2, t3) {
-    return "function" == typeof t3 ? t3(n2) : t3;
-  }
-  __name(D2, "D");
-
-  // ../../node_modules/.pnpm/preact@10.27.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
-  var f3 = 0;
-  function u3(e3, t3, n2, o3, i3, u4) {
-    t3 || (t3 = {});
-    var a3, c3, p3 = t3;
-    if ("ref" in p3) for (c3 in p3 = {}, t3) "ref" == c3 ? a3 = t3[c3] : p3[c3] = t3[c3];
-    var l3 = { type: e3, props: p3, key: n2, ref: a3, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f3, __i: -1, __u: 0, __source: i3, __self: u4 };
-    if ("function" == typeof e3 && (a3 = e3.defaultProps)) for (c3 in a3) void 0 === p3[c3] && (p3[c3] = a3[c3]);
-    return l.vnode && l.vnode(l3), l3;
-  }
-  __name(u3, "u");
-
-  // src/cue-card.tsx
-  var ArrowRightIcon = /* @__PURE__ */ __name(() => /* @__PURE__ */ u3(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      width: "16",
-      height: "16",
-      children: /* @__PURE__ */ u3(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M16.72 7.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 1 1-1.06-1.06l2.47-2.47H3a.75.75 0 0 1 0-1.5h16.19l-2.47-2.47a.75.75 0 0 1 0-1.06Z",
-          clipRule: "evenodd"
-        }
-      )
-    }
-  ), "ArrowRightIcon");
-  var CheckIcon = /* @__PURE__ */ __name(() => /* @__PURE__ */ u3(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      width: "16",
-      height: "16",
-      children: /* @__PURE__ */ u3(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 0 1 1.04-.208Z",
-          clipRule: "evenodd"
-        }
-      )
-    }
-  ), "CheckIcon");
-  var XMarkIcon = /* @__PURE__ */ __name(() => /* @__PURE__ */ u3(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      width: "16",
-      height: "16",
-      children: /* @__PURE__ */ u3(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
-          clipRule: "evenodd"
-        }
-      )
-    }
-  ), "XMarkIcon");
-  var LoaderIcon = /* @__PURE__ */ __name(() => /* @__PURE__ */ u3(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: "animate-spin",
-      children: /* @__PURE__ */ u3("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
-    }
-  ), "LoaderIcon");
-  var LogoIcon = /* @__PURE__ */ __name(() => /* @__PURE__ */ u3(
-    "svg",
-    {
-      width: "32",
-      height: "32",
-      viewBox: "0 0 900 900",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ u3("circle", { cx: "446", cy: "450", r: "424", fill: "black" }),
-        /* @__PURE__ */ u3("circle", { cx: "450", cy: "450", r: "357", fill: "url(#paint0_linear_1_41)" }),
-        /* @__PURE__ */ u3(
-          "ellipse",
-          {
-            cx: "579.85",
-            cy: "294.451",
-            rx: "79.778",
-            ry: "108.483",
-            transform: "rotate(-46.2324 579.85 294.451)",
-            fill: "black"
-          }
-        ),
-        /* @__PURE__ */ u3("defs", { children: /* @__PURE__ */ u3(
-          "linearGradient",
-          {
-            id: "paint0_linear_1_41",
-            x1: "807",
-            y1: "93",
-            x2: "93",
-            y2: "807",
-            gradientUnits: "userSpaceOnUse",
-            children: [
-              /* @__PURE__ */ u3("stop", { "stop-color": "#FAFAFA" }),
-              /* @__PURE__ */ u3("stop", { offset: "1", "stop-color": "#CACACA" })
-            ]
-          }
-        ) })
-      ]
-    }
-  ), "LogoIcon");
-  var STYLES = `
-  :host { --kb-font-family: system-ui, -apple-system, sans-serif; --kb-bg-container: rgba(255, 255, 255, 0.05); --kb-border-container: rgba(255, 255, 255, 0.2); --kb-shadow-container: 0 25px 50px -12px rgba(0, 0, 0, 0.25); --kb-backdrop-blur: 16px; --kb-text-title: #ffffff; --kb-text-subtitle: rgba(255, 255, 255, 0.7); --kb-btn-dismiss-bg: rgba(0, 0, 0, 0.7); --kb-btn-dismiss-border: rgba(255, 255, 255, 0.2); --kb-btn-dismiss-text: rgba(255, 255, 255, 0.8); --kb-btn-dismiss-hover-bg: rgba(0, 0, 0, 0.9); --kb-btn-dismiss-hover-text: #ffffff; --kb-btn-trigger-bg: #ffffff; --kb-btn-trigger-text: #000000; --kb-btn-trigger-hover-bg: rgba(255, 255, 255, 0.9); --kb-progress-track: rgba(255, 255, 255, 0.2); --kb-progress-indicator: #ffffff; --kb-popover-bg: rgba(255, 255, 255, 0.05); --kb-popover-border: rgba(255, 255, 255, 0.2); --kb-popover-text: #ffffff; --kb-input-bg: transparent;   --kb-input-border: rgba(255, 255, 255, 0.3); --kb-input-text: #ffffff; --kb-input-placeholder: rgba(255, 255, 255, 0.6); --kb-form-label: #ffffff; --kb-success-color: #6ee7b7; --kb-error-text: #ef4444; --kb-focus-blur: 10px; --kb-kbd-bg: rgba(255, 255, 255, 0.1); --kb-kbd-border: rgba(255, 255, 255, 0.2); --kb-kbd-text: rgba(255, 255, 255, 0.6); --kb-watermark-text: rgba(255, 255, 255, 0.4); font-family: var(--kb-font-family); }
-  .theme-light { --kb-bg-container: #ffffff; --kb-border-container: #e2e8f0; --kb-shadow-container: 0 20px 25px -5px rgba(0, 0, 0, 0.1); --kb-backdrop-blur: 0px; --kb-text-title: #0f172a; --kb-text-subtitle: #475569; --kb-btn-dismiss-bg: #ffffff; --kb-btn-dismiss-border: #e2e8f0; --kb-btn-dismiss-text: #64748b; --kb-btn-dismiss-hover-bg: #f1f5f9; --kb-btn-dismiss-hover-text: #0f172a; --kb-btn-trigger-bg: #0f172a; --kb-btn-trigger-text: #ffffff; --kb-btn-trigger-hover-bg: #1e293b; --kb-progress-track: #e2e8f0; --kb-progress-indicator: #0f172a; --kb-popover-bg: #ffffff; --kb-popover-border: #e2e8f0; --kb-popover-text: #0f172a; --kb-input-bg: #ffffff; --kb-input-border: #cbd5e1; --kb-input-text: #0f172a; --kb-input-placeholder: #94a3b8; --kb-form-label: #334155; --kb-success-color: #059669; --kb-error-text: #ef4444; --kb-kbd-bg: #f1f5f9; --kb-kbd-border: #e2e8f0; --kb-kbd-text: #64748b; --kb-watermark-text: #94a3b8; }
-  .theme-dark { --kb-bg-container: #0f172a; --kb-border-container: #334155; --kb-shadow-container: 0 25px 50px -12px rgba(0, 0, 0, 0.25); --kb-backdrop-blur: 0px; --kb-text-title: #f1f5f9; --kb-text-subtitle: #94a3b8; --kb-btn-dismiss-bg: #1e293b; --kb-btn-dismiss-border: #334155; --kb-btn-dismiss-text: #cbd5e1; --kb-btn-dismiss-hover-bg: #334155; --kb-btn-dismiss-hover-text: #ffffff; --kb-btn-trigger-bg: #ffffff; --kb-btn-trigger-text: #0f172a; --kb-btn-trigger-hover-bg: #f1f5f9; --kb-progress-track: #1e293b; --kb-progress-indicator: #ffffff; --kb-popover-bg: #0f172a; --kb-popover-border: #334155; --kb-popover-text: #f1f5f9; --kb-input-bg: #0f172a; --kb-input-border: #475569; --kb-input-text: #f1f5f9; --kb-input-placeholder: #94a3b8; --kb-form-label: #e2e8f0; --kb-success-color: #6ee7b7; --kb-error-text: #ef4444; --kb-kbd-bg: #1e293b; --kb-kbd-border: #334155; --kb-kbd-text: #94a3b8; --kb-watermark-text: #64748b; }
-  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-  #cue-card-root { position: fixed; z-index: 2147483647; pointer-events: none; width: 100%; height: 0; top: 0; left: 0; isolation: isolate; }
-  .container { position: absolute; pointer-events: auto; background-color: var(--kb-bg-container); border: 1px solid var(--kb-border-container); box-shadow: var(--kb-shadow-container); backdrop-filter: blur(var(--kb-backdrop-blur)); -webkit-backdrop-filter: blur(var(--kb-backdrop-blur)); border-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; padding: 1rem; width: auto; min-width: 320px; max-width: 90vw; opacity: 0; z-index: 1; font-family: var(--kb-font-family); }
-  .backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0); backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); transition: all 0.5s ease; z-index: 0; pointer-events: none; }
-  .backdrop.active { background: rgba(0,0,0,0.1); backdrop-filter: blur(var(--kb-focus-blur)); -webkit-backdrop-filter: blur(var(--kb-focus-blur)); }
-  .launcher { position: absolute; pointer-events: auto; background-color: var(--kb-bg-container); border: 1px solid var(--kb-border-container); box-shadow: var(--kb-shadow-container); backdrop-filter: blur(var(--kb-backdrop-blur)); -webkit-backdrop-filter: blur(var(--kb-backdrop-blur)); border-radius: 9999px; padding: 0.5rem 1rem; display: flex; align-items: center; gap: 0.75rem; cursor: pointer; transition: transform 0.2s, opacity 0.3s; opacity: 0; z-index: 1; color: var(--kb-text-title); font-weight: 500; font-size: 0.875rem; font-family: var(--kb-font-family); }
-  .launcher .kbd-hint .kbd { background: var(--kb-kbd-bg); border: 1px solid var(--kb-kbd-border); color: var(--kb-kbd-text); }
-  .launcher .kbd-hint .kbd-text { color: var(--kb-kbd-text); }
-  .launcher:hover { transform: scale(1.02); background-color: var(--kb-bg-container); }
-  .pos-top-center { left: 50%; translate: -50% 0; top: 1rem; }
-  .pos-top-right { right: 1rem; top: 1rem; left: auto; }
-  @media (max-width: 768px) { .pos-top-center, .pos-top-right { left: 0.5rem; right: 0.5rem; top: 0.5rem; translate: none; width: auto; max-width: none; } }
-  :host(.kb-inline) { position: relative !important; z-index: auto !important; top: auto !important; left: auto !important; width: 100% !important; height: auto !important; pointer-events: auto !important; isolation: auto !important; display: block; }
-  :host(.kb-inline) .container, :host(.kb-inline) .launcher { position: relative !important; left: auto !important; right: auto !important; top: auto !important; translate: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; box-shadow: none !important; }
-  :host(.kb-inline) .container { opacity: 1 !important; transform: none !important; }
-  :host(.kb-inline) .popover { position: static !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; margin-top: 0.75rem !important; }
-  :host(.kb-inline) .backdrop, :host(.kb-inline) .launcher, :host(.kb-inline) .btn-dismiss { display: none !important; }
-  .content-wrapper { display: flex; align-items: center; gap: 1rem; }
-  .logo { width: 2.5rem; height: 2.5rem; display: none; }
-  @media (min-width: 1024px) { .logo { display: block; } }
-  .text-content { flex: 1; user-select: none; }
-  .text-row { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; }
-  .title { color: var(--kb-text-title); font-size: 1rem; font-weight: 600; line-height: 1.5; }
-  .subtitle { color: var(--kb-text-title); font-size: 0.875rem; line-height: 1.25; opacity: 0.8; }
-  .btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 0.375rem; font-weight: 500; font-size: 0.875rem; line-height: 1.25rem; padding: 0.5rem 1rem; transition: all 0.2s; cursor: pointer; border: none; outline: none; }
-  .btn-trigger { background-color: var(--kb-btn-trigger-bg); color: var(--kb-btn-trigger-text); min-width: 8rem; gap: 0.5rem; }
-  .btn-trigger:not(:disabled):hover { background-color: var(--kb-btn-trigger-hover-bg); }
-  .btn-trigger:disabled { opacity: 0.8; cursor: not-allowed; }
-  .btn-trigger.success { background-color: transparent; color: var(--kb-success-color); padding-right: 0.75rem; cursor: default; }
-  .btn-trigger.success:hover { background-color: transparent; }
-  .animate-spin { animation: spin 1s linear infinite; }
-  @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
-  .btn-dismiss { position: absolute; top: -0.5rem; left: -0.5rem; width: 1.5rem; height: 1.5rem; padding: 0; border-radius: 9999px; display: flex; align-items: center; justify-content: center; background-color: var(--kb-btn-dismiss-bg); border: 1px solid var(--kb-btn-dismiss-border); color: var(--kb-btn-dismiss-text); cursor: pointer; transition: all 0.3s ease-out; z-index: 10; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
-  .btn-dismiss:hover { background-color: var(--kb-btn-dismiss-hover-bg); color: var(--kb-btn-dismiss-hover-text); }
-  .progress-clip { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none; }
-  .progress-container { position: absolute; bottom: 0; left: 0; right: 0; height: 0.25rem; background-color: var(--kb-progress-track); overflow: hidden; pointer-events: none; }
-  .progress-bar { height: 100%; background-color: var(--kb-progress-indicator); width: 0%; transition: width 0.3s ease; }
-  .popover { position: absolute; top: 100%; left: 0; right: 0; margin-top: 0.375rem; background-color: var(--kb-popover-bg); border: 1px solid var(--kb-popover-border); border-radius: 0.25rem; border-top-left-radius: 0; border-top-right-radius: 0; padding: 1rem; color: var(--kb-popover-text); box-shadow: var(--kb-shadow-container); backdrop-filter: blur(var(--kb-backdrop-blur)); -webkit-backdrop-filter: blur(var(--kb-backdrop-blur)); opacity: 0; transform: translateY(-10px); pointer-events: none; visibility: hidden; transition: all 0.2s ease-out; }
-  .popover.open { opacity: 1; transform: translateY(0); pointer-events: auto; visibility: visible; }
-  .form-group { margin-bottom: 1rem; }
-  .form-label { display: block; margin-bottom: 0.5rem; font-size: 0.875rem; color: var(--kb-form-label); font-weight: 500; }
-  .input-row { display: flex; gap: 0.5rem; }
-  .form-input { flex: 1; background-color: var(--kb-input-bg); border: 1px solid var(--kb-input-border); color: var(--kb-input-text); border-radius: 0.375rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; outline: none; transition: border-color 0.2s; min-height: 44px; }
-  .form-input::placeholder { color: var(--kb-input-placeholder); }
-  .form-input:focus { border-color: var(--kb-progress-indicator); }
-  .form-input.error { border-color: var(--kb-error-text); }
-  .form-label.error { color: var(--kb-error-text); }
-  .form-message { color: var(--kb-error-text); font-size: 0.75rem; margin-top: 0.25rem; font-weight: 500; }
-  .btn-submit { background-color: var(--kb-btn-trigger-bg); color: var(--kb-btn-trigger-text); padding: 0.5rem 1rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; }
-  .btn-submit:disabled { opacity: 0.7; cursor: not-allowed; }
-  .kbd-hint { display: flex; align-items: center; gap: 0.5rem; position: absolute; top: calc(100% + 0.5rem); left: 50%; transform: translateX(-50%); opacity: 0; pointer-events: none; transition: opacity 0.2s ease; white-space: nowrap; }
-  .kbd-hint.visible { opacity: 1; }
-  .kbd-group { display: flex; align-items: center; gap: 0.25rem; }
-  .kbd { font-family: inherit; font-size: 0.75rem; line-height: 1; padding: 0.25rem 0.375rem; border-radius: 0.25rem; background: var(--kb-kbd-bg); border: 1px solid var(--kb-kbd-border); color: var(--kb-kbd-text); font-weight: 500; min-width: 1.25rem; text-align: center; }
-  .kbd-text { font-size: 0.75rem; color: var(--kb-kbd-text); }
-  .watermark { text-align: center; font-size: 0.625rem; color: var(--kb-watermark-text); opacity: 0.8; font-weight: 500; letter-spacing: 0.025em; }
-  .watermark a { color: inherit; text-decoration: none; cursor: pointer; }
-  .watermark a:hover { text-decoration: underline; text-decoration-color: var(--kb-watermark-text); }
-  /* Launcher hint positioning */
-  .launcher .kbd-hint { position: static; transform: none; opacity: 0.6; transition: opacity 0.2s; }
-  .launcher:hover .kbd-hint { opacity: 1; }
-  .pos-top-right.launcher .kbd-hint { left: auto; right: auto; }
-`;
-  var useEnterExitAnimation = /* @__PURE__ */ __name((ref, isVisible, config) => {
-    const hasEnteredRef = A2(false);
-    y2(() => {
-      const element = ref.current;
-      if (!element) return;
-      const isTopDown = config.direction === "top-to-bottom";
-      const initialTransform = isTopDown ? `translateY(-60px)` : `translateX(60px)`;
-      const exitTransform = isTopDown ? `translateY(-20px)` : `translateX(20px)`;
-      const finalTransform = "translate(0, 0)";
-      if (isVisible) {
-        hasEnteredRef.current = true;
-        const anim = element.animate(
-          [
-            { opacity: 0, transform: initialTransform },
-            { opacity: 1, transform: finalTransform }
-          ],
-          {
-            duration: 500,
-            delay: config.entranceDelayMs,
-            easing: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
-            fill: "forwards"
-          }
-        );
-        anim.onfinish = () => config.onEntranceComplete?.();
-      } else {
-        if (hasEnteredRef.current) {
-          const anim = element.animate(
-            [
-              { opacity: 1, transform: finalTransform },
-              { opacity: 0, transform: exitTransform }
-            ],
-            {
-              duration: 350,
-              delay: config.exitDelayMs,
-              easing: "ease-in-out",
-              fill: "forwards"
-            }
-          );
-          anim.onfinish = () => config.onExitComplete?.();
-        } else {
-          element.style.opacity = "0";
-          element.style.transform = exitTransform;
-        }
-      }
-    }, [isVisible, config.direction]);
-  }, "useEnterExitAnimation");
-  var getThemeStyles = /* @__PURE__ */ __name((theme) => {
-    if (!theme) return {};
-    const styles = {};
-    if (theme.fontFamily) styles["--kb-font-family"] = theme.fontFamily;
-    if (theme.backgroundColor) {
-      styles["--kb-bg-container"] = theme.backgroundColor;
-      styles["--kb-popover-bg"] = theme.backgroundColor;
-    }
-    if (theme.borderColor) {
-      styles["--kb-border-container"] = theme.borderColor;
-      styles["--kb-popover-border"] = theme.borderColor;
-    }
-    if (theme.textColor) {
-      styles["--kb-text-title"] = theme.textColor;
-      styles["--kb-popover-text"] = theme.textColor;
-    }
-    if (theme.subtitleColor) styles["--kb-text-subtitle"] = theme.subtitleColor;
-    if (theme.borderRadius) {
-      styles["border-radius"] = theme.borderRadius;
-      styles["border-bottom-left-radius"] = theme.borderRadius;
-      styles["border-bottom-right-radius"] = theme.borderRadius;
-    }
-    if (theme.primaryColor) {
-      styles["--kb-btn-trigger-bg"] = theme.primaryColor;
-      styles["--kb-progress-indicator"] = theme.primaryColor;
-      styles["--kb-success-color"] = theme.primaryColor;
-    }
-    if (theme.primaryTextColor) {
-      styles["--kb-btn-trigger-text"] = theme.primaryTextColor;
-    }
-    return styles;
-  }, "getThemeStyles");
-  var CueCardContent = /* @__PURE__ */ __name(({ config, isOpen, setIsOpen }) => {
-    const isInline = config.mountMode === "inline";
-    const containerRef = A2(null);
-    const launcherRef = A2(null);
-    const backdropRef = A2(null);
-    const firstInputRef = A2(null);
-    const formRef = A2(null);
-    const [mode, setMode] = d2("card");
-    const hasEnteredRef = A2(false);
-    const hasHadSuccessRef = A2(false);
-    const isShowingInitialSuccessRef = A2(false);
-    const justReopenedRef = A2(false);
-    const previousModeRef = A2("card");
-    const prevStatusRef = A2(config.status);
-    const prevVisibilityRef = A2(!!config.isVisible);
-    const timerStartRef = A2(null);
-    const timerRafRef = A2(null);
-    const hasTimerCompletedRef = A2(false);
-    const [isHovering, setIsHovering] = d2(false);
-    const [errors, setErrors] = d2({});
-    const [timerProgress, setTimerProgressState] = d2(0);
-    const timerProgressRef = A2(0);
-    const timerEnabled = config.enableTimer !== false;
-    const timerDuration = Math.max(500, config.timerDurationMs ?? 2e4);
-    const setTimerProgress = q2((value) => {
-      timerProgressRef.current = value;
-      setTimerProgressState(value);
-    }, []);
-    y2(() => {
-      if (config.isVisible) {
-        setMode("card");
-        hasEnteredRef.current = false;
-      }
-    }, [config.isVisible]);
-    if (mode === "card" && previousModeRef.current === "launcher") {
-      isShowingInitialSuccessRef.current = false;
-    }
-    if (config.status === "success" && prevStatusRef.current !== "success") {
-      if (mode === "card") {
-        isShowingInitialSuccessRef.current = true;
-      }
-    } else if (config.status !== "success") {
-      isShowingInitialSuccessRef.current = false;
-    }
-    prevStatusRef.current = config.status;
-    y2(() => {
-      const wasLauncher = previousModeRef.current === "launcher";
-      const isCard = mode === "card";
-      if (wasLauncher && isCard && hasHadSuccessRef.current) {
-        justReopenedRef.current = true;
-        setTimeout(() => {
-          justReopenedRef.current = false;
-        }, 100);
-      }
-      if (mode === "launcher") {
-        setIsHovering(false);
-      }
-      if (wasLauncher && isCard && timerEnabled) {
-        setTimerProgress(0);
-        timerStartRef.current = null;
-        hasTimerCompletedRef.current = false;
-      }
-    }, [mode, setTimerProgress, timerEnabled]);
-    y2(() => {
-      if (config.status === "success") {
-        hasHadSuccessRef.current = true;
-        if (config.enableLauncher && mode === "card" && isShowingInitialSuccessRef.current) {
-          const timer = setTimeout(() => {
-            setMode("launcher");
-          }, 2e3);
-          return () => clearTimeout(timer);
-        }
-      }
-    }, [config.status, config.enableLauncher, mode]);
-    y2(() => {
-      if (config.isVisible && !prevVisibilityRef.current && timerEnabled) {
-        setTimerProgress(0);
-        timerStartRef.current = null;
-        hasTimerCompletedRef.current = false;
-      }
-      prevVisibilityRef.current = !!config.isVisible;
-    }, [config.isVisible, setTimerProgress, timerEnabled]);
-    y2(() => {
-      previousModeRef.current = mode;
-    }, [mode]);
-    y2(() => {
-      if (isOpen) {
-        if (hasHadSuccessRef.current && formRef.current) {
-          formRef.current.reset();
-        }
-        const focusTimer = setTimeout(() => {
-          if (firstInputRef.current) {
-            firstInputRef.current.focus();
-          }
-        }, 100);
-        return () => clearTimeout(focusTimer);
-      }
-    }, [isOpen]);
-    if (!isInline) {
-      useEnterExitAnimation(containerRef, !!config.isVisible && mode === "card", {
-        direction: config.direction || "top-to-bottom",
-        position: config.position || "top-center",
-        entranceDelayMs: hasEnteredRef.current ? 0 : config.entranceDelayMs || 0,
-        exitDelayMs: 75,
-        onEntranceComplete: /* @__PURE__ */ __name(() => {
-          config.onEntranceComplete?.();
-          hasEnteredRef.current = true;
-        }, "onEntranceComplete"),
-        onExitComplete: /* @__PURE__ */ __name(() => {
-          if (!config.isVisible) config.onExitComplete?.();
-        }, "onExitComplete")
-      });
-      useEnterExitAnimation(
-        launcherRef,
-        !!config.isVisible && mode === "launcher",
-        {
-          direction: config.direction || "top-to-bottom",
-          position: config.position || "top-center",
-          entranceDelayMs: 0,
-          exitDelayMs: 75
-        }
-      );
-    }
-    y2(() => {
-      const el = backdropRef.current;
-      if (!el) return;
-      const isSuccess2 = config.status === "success";
-      if (config.enableFocusMode && mode === "card" && config.isVisible && !isSuccess2) {
-        const timer = setTimeout(() => {
-          el.classList.add("active");
-        }, config.focusDelayMs || 500);
-        return () => clearTimeout(timer);
-      } else {
-        el.classList.remove("active");
-      }
-    }, [
-      config.enableFocusMode,
-      mode,
-      config.isVisible,
-      config.focusDelayMs,
-      config.status
-    ]);
-    y2(() => {
-      if (!config.isVisible) return;
-      const handleKey = /* @__PURE__ */ __name((e3) => {
-        if (e3.key === "Escape") {
-          if (isOpen) {
-            setIsOpen(false);
-            return;
-          }
-          if (mode === "card") {
-            if (config.enableLauncher) {
-              setMode("launcher");
-            } else {
-              config.onDismiss?.();
-            }
-          }
-          return;
-        }
-        const matchesShortcut = /* @__PURE__ */ __name((e4, shortcut) => {
-          const s3 = shortcut || { key: "p", modifiers: ["meta", "ctrl"] };
-          if (e4.key.toLowerCase() !== s3.key.toLowerCase()) return false;
-          const mods = s3.modifiers || [];
-          if (shortcut) {
-            const hasMeta = mods.includes("meta") === e4.metaKey;
-            const hasCtrl = mods.includes("ctrl") === e4.ctrlKey;
-            const hasAlt = mods.includes("alt") === e4.altKey;
-            const hasShift = mods.includes("shift") === e4.shiftKey;
-            return hasMeta && hasCtrl && hasAlt && hasShift;
-          }
-          const isCmdOrCtrl = e4.metaKey || e4.ctrlKey;
-          return isCmdOrCtrl;
-        }, "matchesShortcut");
-        if (matchesShortcut(e3, config.keyboardShortcut)) {
-          e3.preventDefault();
-          if (mode === "launcher") {
-            setMode("card");
-            setIsOpen(true);
-          } else if (mode === "card") {
-            if (config.enableLauncher) {
-              setMode("launcher");
-            } else {
-              config.onDismiss?.();
-            }
-          }
-        }
-      }, "handleKey");
-      window.addEventListener("keydown", handleKey);
-      return () => window.removeEventListener("keydown", handleKey);
-    }, [
-      config.isVisible,
-      isOpen,
-      mode,
-      config.enableLauncher,
-      setIsOpen,
-      config.onDismiss
-    ]);
-    const isMac = typeof navigator !== "undefined" && /Mac/.test(navigator.userAgent);
-    const shortcutDisplay = (() => {
-      if (config.keyboardShortcut) {
-        const mods = config.keyboardShortcut.modifiers || [];
-        const keys = [];
-        if (mods.includes("meta")) keys.push(isMac ? "\u2318" : "Win");
-        if (mods.includes("ctrl")) keys.push("Ctrl");
-        if (mods.includes("alt")) keys.push(isMac ? "Opt" : "Alt");
-        if (mods.includes("shift")) keys.push("Shift");
-        keys.push(config.keyboardShortcut.key.toUpperCase());
-        return keys;
-      }
-      return [isMac ? "\u2318" : "Ctrl", "P"];
-    })();
-    const isPending = config.status === "starting";
-    const isSuccess = config.status === "success";
-    const isError = config.status === "error";
-    const showAsSuccess = isSuccess && isShowingInitialSuccessRef.current;
-    const txt = config.textOverrides || {};
-    const titleText = (() => {
-      if (isSuccess) return txt.titleSuccess || "Personalization complete";
-      if (isPending) return "Starting personalization";
-      if (isError) return txt.titleError || "Let's try that again";
-      return config.hasPersonalization ? "Personalization ready" : txt.titleResting || "Personalization available";
-    })();
-    const subtitleText = (() => {
-      if (isSuccess) return txt.subtitleSuccess || "Take a look";
-      if (isPending) return "Hang tight...";
-      if (isError)
-        return txt.subtitleError || "Something went wrong. Tap to retry.";
-      return txt.subtitleResting || "This page can adapt to you";
-    })();
-    const buttonText = (() => {
-      if (isPending) return txt.btnLoading || "Starting...";
-      if (isError) return txt.btnError || "Try again";
-      if (isSuccess && isShowingInitialSuccessRef.current) {
-        return txt.btnSuccess || "Personalised";
-      }
-      if (hasHadSuccessRef.current) {
-        return "Show me again";
-      }
-      return txt.btnResting || "Show me";
-    })();
-    const validateField = /* @__PURE__ */ __name((name, value, fieldConfig) => {
-      if (!fieldConfig) return null;
-      if (fieldConfig.required && !value.trim()) {
-        return fieldConfig.errorMessage || `${fieldConfig.label} is required`;
-      }
-      if (!value) return null;
-      if (fieldConfig.type === "email") {
-        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-        if (!emailRegex.test(value)) {
-          return fieldConfig.errorMessage || "Please enter a valid email address";
-        }
-      }
-      if (fieldConfig.type === "url") {
-        try {
-          new URL(value);
-        } catch {
-          return fieldConfig.errorMessage || "Please enter a valid URL (e.g., https://example.com)";
-        }
-      }
-      if (fieldConfig.minLength && value.length < fieldConfig.minLength) {
-        return fieldConfig.errorMessage || `Must be at least ${fieldConfig.minLength} characters`;
-      }
-      if (fieldConfig.maxLength && value.length > fieldConfig.maxLength) {
-        return fieldConfig.errorMessage || `Must be at most ${fieldConfig.maxLength} characters`;
-      }
-      if (fieldConfig.pattern) {
-        const regex = new RegExp(fieldConfig.pattern);
-        if (!regex.test(value)) {
-          return fieldConfig.errorMessage || "Invalid format";
-        }
-      }
-      return null;
-    }, "validateField");
-    const handleSubmit = /* @__PURE__ */ __name((e3) => {
-      e3.preventDefault();
-      if (isPending) return;
-      const formData = new FormData(e3.target);
-      const values = {};
-      const newErrors = {};
-      let hasErrors = false;
-      formData.forEach((value, key) => {
-        const strValue = value.toString();
-        values[key] = strValue;
-        const fieldConfig = config.fields.find((f4) => f4.name === key);
-        const error = validateField(key, strValue, fieldConfig);
-        if (error) {
-          newErrors[key] = error;
-          hasErrors = true;
-        }
-      });
-      if (hasErrors) {
-        setErrors(newErrors);
-        return;
-      }
-      setErrors({});
-      setIsOpen(false);
-      config.onSubmitPersonalization?.(values);
-    }, "handleSubmit");
-    const handleInput = /* @__PURE__ */ __name((e3) => {
-      const target = e3.target;
-      const name = target.name;
-      if (errors[name]) {
-        const fieldConfig = config.fields.find((f4) => f4.name === name);
-        const error = validateField(name, target.value, fieldConfig);
-        setErrors((prev) => {
-          const next = { ...prev };
-          if (error) {
-            next[name] = error;
-          } else {
-            delete next[name];
-          }
-          return next;
-        });
-      }
-    }, "handleInput");
-    const togglePopover = /* @__PURE__ */ __name((e3) => {
-      e3.stopPropagation();
-      if (isPending || isSuccess) return;
-      setIsOpen(!isOpen);
-    }, "togglePopover");
-    y2(() => {
-      if (!timerEnabled) return;
-      if (hasTimerCompletedRef.current) return;
-      const shouldRun = config.isVisible && mode === "card" && config.status === "resting" && !isOpen && !isHovering;
-      if (!shouldRun) {
-        if (timerRafRef.current !== null) {
-          cancelAnimationFrame(timerRafRef.current);
-          timerRafRef.current = null;
-        }
-        timerStartRef.current = null;
-        return;
-      }
-      const tick = /* @__PURE__ */ __name((timestamp) => {
-        if (timerStartRef.current === null) {
-          timerStartRef.current = timestamp - timerProgressRef.current / 100 * timerDuration;
-        }
-        const elapsed = timestamp - timerStartRef.current;
-        const pct = Math.min(1, elapsed / timerDuration);
-        const nextProgress = pct * 100;
-        setTimerProgress(nextProgress);
-        if (pct >= 1) {
-          hasTimerCompletedRef.current = true;
-          timerStartRef.current = null;
-          timerRafRef.current = null;
-          if (config.enableLauncher) {
-            setMode("launcher");
-            setIsOpen(false);
-          } else {
-            config.onDismiss?.();
-          }
-          return;
-        }
-        timerRafRef.current = requestAnimationFrame(tick);
-      }, "tick");
-      timerRafRef.current = requestAnimationFrame(tick);
-      return () => {
-        if (timerRafRef.current !== null) {
-          cancelAnimationFrame(timerRafRef.current);
-          timerRafRef.current = null;
-        }
-      };
-    }, [
-      config.enableLauncher,
-      config.isVisible,
-      config.onDismiss,
-      config.status,
-      isHovering,
-      isOpen,
-      mode,
-      setIsOpen,
-      timerDuration,
-      timerEnabled,
-      setTimerProgress
-    ]);
-    y2(() => {
-      return () => {
-        if (timerRafRef.current !== null) {
-          cancelAnimationFrame(timerRafRef.current);
-        }
-      };
-    }, []);
-    const clampedProgress = Math.max(0, Math.min(100, config.progressPct ?? 0));
-    const displayedProgress = timerEnabled ? timerProgress : clampedProgress;
-    return /* @__PURE__ */ u3(k, { children: [
-      /* @__PURE__ */ u3("div", { ref: backdropRef, class: "backdrop" }),
-      /* @__PURE__ */ u3(
-        "div",
-        {
-          ref: containerRef,
-          class: `container theme-${config.theme || "glass"} pos-${config.position || "top-center"}`,
-          style: getThemeStyles(config.customTheme),
-          onClick: () => !isOpen && !isPending && !isSuccess && setIsOpen(true),
-          onMouseEnter: () => setIsHovering(true),
-          onMouseLeave: () => setIsHovering(false),
-          children: [
-            /* @__PURE__ */ u3(
-              "button",
-              {
-                class: "btn-dismiss",
-                "aria-label": "Dismiss",
-                onClick: (e3) => {
-                  e3.stopPropagation();
-                  hasTimerCompletedRef.current = true;
-                  if (config.enableLauncher) {
-                    setMode("launcher");
-                  } else {
-                    config.onDismiss?.();
-                  }
-                },
-                children: /* @__PURE__ */ u3(XMarkIcon, {})
-              }
-            ),
-            /* @__PURE__ */ u3("div", { class: "content-wrapper", children: [
-              /* @__PURE__ */ u3("div", { class: "logo", children: /* @__PURE__ */ u3(LogoIcon, {}) }),
-              /* @__PURE__ */ u3("div", { class: "text-content", children: /* @__PURE__ */ u3("div", { class: "text-row", children: [
-                /* @__PURE__ */ u3("div", { children: [
-                  /* @__PURE__ */ u3("div", { class: "title", children: titleText }),
-                  /* @__PURE__ */ u3("div", { class: "subtitle", children: subtitleText })
-                ] }),
-                /* @__PURE__ */ u3(
-                  "button",
-                  {
-                    class: `btn btn-trigger ${showAsSuccess ? "success" : ""}`,
-                    disabled: isPending || showAsSuccess,
-                    onClick: togglePopover,
-                    children: isPending ? /* @__PURE__ */ u3(k, { children: [
-                      /* @__PURE__ */ u3(LoaderIcon, {}),
-                      " ",
-                      buttonText
-                    ] }) : showAsSuccess ? /* @__PURE__ */ u3(k, { children: [
-                      /* @__PURE__ */ u3(CheckIcon, {}),
-                      " ",
-                      buttonText
-                    ] }) : buttonText
-                  }
-                )
-              ] }) })
-            ] }),
-            /* @__PURE__ */ u3("div", { class: "progress-clip", children: /* @__PURE__ */ u3("div", { class: "progress-container", children: /* @__PURE__ */ u3(
-              "div",
-              {
-                class: "progress-bar",
-                style: {
-                  width: `${displayedProgress}%`
-                }
-              }
-            ) }) }),
-            /* @__PURE__ */ u3(
-              "div",
-              {
-                class: `popover ${isOpen ? "open" : ""}`,
-                onClick: (e3) => e3.stopPropagation(),
-                children: [
-                  /* @__PURE__ */ u3("form", { onSubmit: handleSubmit, ref: formRef, children: [
-                    config.fields.map((field, idx) => /* @__PURE__ */ u3("div", { class: "form-group", children: [
-                      /* @__PURE__ */ u3(
-                        "label",
-                        {
-                          class: `form-label ${errors[field.name] ? "error" : ""}`,
-                          children: field.label
-                        }
-                      ),
-                      /* @__PURE__ */ u3("div", { class: "input-row", children: [
-                        /* @__PURE__ */ u3(
-                          "input",
-                          {
-                            ref: idx === 0 ? firstInputRef : void 0,
-                            class: `form-input ${errors[field.name] ? "error" : ""}`,
-                            name: field.name,
-                            type: field.type || "text",
-                            placeholder: field.placeholder,
-                            required: field.required,
-                            onInput: handleInput
-                          }
-                        ),
-                        config.fields.length === 1 && /* @__PURE__ */ u3(
-                          "button",
-                          {
-                            type: "submit",
-                            class: "btn btn-submit",
-                            disabled: isPending,
-                            children: isPending ? /* @__PURE__ */ u3(LoaderIcon, {}) : /* @__PURE__ */ u3(ArrowRightIcon, {})
-                          }
-                        )
-                      ] }),
-                      errors[field.name] && /* @__PURE__ */ u3("div", { class: "form-message", children: errors[field.name] })
-                    ] }, field.name)),
-                    config.fields.length > 1 && /* @__PURE__ */ u3(
-                      "button",
-                      {
-                        type: "submit",
-                        class: "btn btn-submit",
-                        style: { width: "100%" },
-                        disabled: isPending,
-                        children: isPending ? /* @__PURE__ */ u3(LoaderIcon, {}) : /* @__PURE__ */ u3(ArrowRightIcon, {})
-                      }
-                    )
-                  ] }),
-                  config.showWatermark && /* @__PURE__ */ u3("div", { class: "watermark", children: [
-                    "Powered by",
-                    " ",
-                    /* @__PURE__ */ u3(
-                      "a",
-                      {
-                        href: "https://kenobi.ai",
-                        target: "_blank",
-                        rel: "noopener noreferrer",
-                        children: "Kenobi"
-                      }
-                    )
-                  ] })
-                ]
-              }
-            ),
-            config.showKeyboardHints && config.enableFocusMode && /* @__PURE__ */ u3(
-              "div",
-              {
-                class: `kbd-hint ${!isOpen && !isPending && !isSuccess ? "visible" : ""}`,
-                children: [
-                  /* @__PURE__ */ u3("div", { class: "kbd-group", children: /* @__PURE__ */ u3("div", { class: "kbd", children: "Esc" }) }),
-                  /* @__PURE__ */ u3("span", { class: "kbd-text", children: "to dismiss" })
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ u3(
-        "button",
-        {
-          ref: launcherRef,
-          class: `launcher theme-${config.theme || "glass"} pos-${config.position || "top-center"}`,
-          style: getThemeStyles(config.customTheme),
-          onClick: (e3) => {
-            e3.stopPropagation();
-            setMode("card");
-            setIsOpen(true);
-          },
-          children: [
-            /* @__PURE__ */ u3(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  width: "20px",
-                  height: "20px",
-                  overflow: "hidden",
-                  alignItems: "center",
-                  justifyContent: "center"
-                },
-                children: /* @__PURE__ */ u3("div", { style: { transform: "scale(0.6)" }, children: /* @__PURE__ */ u3(LogoIcon, {}) })
-              }
-            ),
-            config.textOverrides?.launcherLabel || (hasHadSuccessRef.current ? "Personalize again" : "Personalize"),
-            config.showKeyboardHints && /* @__PURE__ */ u3("div", { class: "kbd-hint visible", children: /* @__PURE__ */ u3("div", { class: "kbd-group", children: shortcutDisplay.map((k3, i3) => /* @__PURE__ */ u3("div", { class: "kbd", children: k3 }, i3)) }) })
-          ]
-        }
-      )
-    ] });
-  }, "CueCardContent");
-  var _CueCard = class _CueCard {
-    constructor(config) {
-      __publicField(this, "host");
-      __publicField(this, "shadow");
-      __publicField(this, "config");
-      __publicField(this, "isOpen", false);
-      __publicField(this, "mountTarget", null);
-      this.config = {
-        position: "top-center",
-        direction: "top-to-bottom",
-        theme: "glass",
-        entranceDelayMs: 0,
-        exitDelayMs: 75,
-        hasPersonalization: false,
-        isVisible: false,
-        progressPct: 0,
-        status: "resting",
-        enableTimer: true,
-        timerDurationMs: 2e4,
-        enableLauncher: true,
-        enableFocusMode: false,
-        focusBlurIntensity: "10px",
-        focusDelayMs: 500,
-        showKeyboardHints: false,
-        showWatermark: true,
-        mountMode: "overlay",
-        ...config
-      };
-      this.mountTarget = config.mountNode ?? null;
-      this.host = document.createElement("div");
-      this.host.id = "kenobi-cue-card-root";
-      this.applyHostStyles();
-      this.shadow = this.host.attachShadow({ mode: "open" });
-      const style = document.createElement("style");
-      style.textContent = STYLES;
-      this.shadow.appendChild(style);
-      const mountPoint = document.createElement("div");
-      this.shadow.appendChild(mountPoint);
-    }
-    applyHostStyles() {
-      const isInline = this.config.mountMode === "inline";
-      this.host.classList.toggle("kb-inline", isInline);
-      if (isInline) {
-        this.host.style.cssText = `
-        position: relative !important;
-        z-index: auto !important;
-        top: auto !important;
-        left: auto !important;
-        width: 100% !important;
-        height: auto !important;
-        pointer-events: auto !important;
-        isolation: auto !important;
-        display: block !important;
-      `;
-        return;
-      }
-      this.host.style.cssText = `
-      position: fixed !important;
-      z-index: 2147483647 !important;
-      top: 0 !important;
-      left: 0 !important;
-      width: 100% !important;
-      height: 0 !important;
-      pointer-events: none !important;
-      isolation: isolate !important;
-    `;
-    }
-    mount(target) {
-      const resolvedTarget = target || this.config.mountNode || this.mountTarget || document.body;
-      this.mountTarget = resolvedTarget;
-      if (!resolvedTarget.contains(this.host)) {
-        resolvedTarget.appendChild(this.host);
-      }
-      this.applyHostStyles();
-      this.render();
-    }
-    unmount() {
-      G(null, this.shadow.lastElementChild);
-      this.host.remove();
-    }
-    update(newState) {
-      this.config = { ...this.config, ...newState };
-      this.applyHostStyles();
-      this.render();
-    }
-    setTheme(theme) {
-      this.update({ theme });
-    }
-    openForm() {
-      this.isOpen = true;
-      this.render();
-    }
-    render() {
-      const mountPoint = this.shadow.lastElementChild;
-      G(
-        /* @__PURE__ */ u3(
-          CueCardContent,
-          {
-            config: this.config,
-            isOpen: this.isOpen,
-            setIsOpen: (val) => {
-              this.isOpen = val;
-              this.config.onOpenChange?.(val);
-              this.render();
-            }
-          }
-        ),
-        mountPoint
-      );
-    }
-  };
-  __name(_CueCard, "CueCard");
-  var CueCard = _CueCard;
-
-  // src/index.ts
-  var VISITOR_QUERY_PARAM_KEY = "kfor";
-  var VISITOR_SESSION_STORAGE_KEY = "kenobi_visitor_key";
-  var TRANSFORMATION_DATA_ATTR_KEY = "data-kenobi-transformation-identifier";
-  var DEFAULT_TRANSITION_CONFIG = {
-    enabled: false,
-    durationMs: 300,
-    delayMs: 0,
-    easing: "ease",
-    animateSize: true,
-    overflow: "hidden"
-    // Default to hidden for clean size animations; use "visible" for gradient text
-  };
-  var createNormalizedTransitionConfig = /* @__PURE__ */ __name((config) => ({
-    enabled: config?.enabled ?? DEFAULT_TRANSITION_CONFIG.enabled,
-    durationMs: config?.durationMs ?? DEFAULT_TRANSITION_CONFIG.durationMs,
-    delayMs: config?.delayMs ?? DEFAULT_TRANSITION_CONFIG.delayMs,
-    easing: config?.easing ?? DEFAULT_TRANSITION_CONFIG.easing,
-    animateSize: config?.animateSize ?? DEFAULT_TRANSITION_CONFIG.animateSize,
-    overflow: config?.overflow ?? DEFAULT_TRANSITION_CONFIG.overflow,
-    textAnimation: config?.textAnimation,
-    enter: config?.enter,
-    exit: config?.exit
-  }), "createNormalizedTransitionConfig");
-  var mergeTransitionConfig = /* @__PURE__ */ __name((base, override) => ({
-    enabled: override?.enabled ?? base.enabled,
-    durationMs: override?.durationMs ?? base.durationMs,
-    delayMs: override?.delayMs ?? base.delayMs,
-    easing: override?.easing ?? base.easing,
-    animateSize: override?.animateSize ?? base.animateSize,
-    overflow: override?.overflow ?? base.overflow,
-    textAnimation: override?.textAnimation ?? base.textAnimation,
-    enter: override?.enter ?? base.enter,
-    exit: override?.exit ?? base.exit
-  }), "mergeTransitionConfig");
-  var isAnimationName = /* @__PURE__ */ __name((value) => typeof value === "string", "isAnimationName");
-  var isAnimatableElement = /* @__PURE__ */ __name((element) => {
-    if (element instanceof HTMLElement) return true;
-    if (typeof SVGElement !== "undefined" && element instanceof SVGElement)
-      return true;
-    return false;
-  }, "isAnimatableElement");
-  var isEasing = /* @__PURE__ */ __name((value) => typeof value === "string", "isEasing");
-  var isTransitionOverflow = /* @__PURE__ */ __name((value) => value === "hidden" || value === "visible" || value === "clip", "isTransitionOverflow");
-  var isAnimationSplitTarget = /* @__PURE__ */ __name((value) => value === "line" || value === "word" || value === "character", "isAnimationSplitTarget");
-  var isKeyframeDefinition = /* @__PURE__ */ __name((value) => {
-    if (typeof value !== "object" || value === null) return false;
-    if (Array.isArray(value)) {
-      return value.every((item) => typeof item === "object" && item !== null);
-    }
-    return true;
-  }, "isKeyframeDefinition");
-  var isAnimationSettings = /* @__PURE__ */ __name((value) => {
-    if (typeof value !== "object" || value === null) return false;
-    const candidate = value;
-    const { animationName, keyframes, durationMs, delayMs } = candidate;
-    return (animationName === void 0 || isAnimationName(animationName)) && (keyframes === void 0 || isKeyframeDefinition(keyframes)) && (durationMs === void 0 || typeof durationMs === "number") && (delayMs === void 0 || typeof delayMs === "number");
-  }, "isAnimationSettings");
-  var isTextAnimationConfig = /* @__PURE__ */ __name((value) => {
-    if (typeof value !== "object" || value === null) return false;
-    const candidate = value;
-    const { by, staggerMs, animationName, keyframes, delayMs, durationMs } = candidate;
-    return isAnimationSplitTarget(by) && (delayMs === void 0 || typeof delayMs === "number") && (staggerMs === void 0 || typeof staggerMs === "number") && (durationMs === void 0 || typeof durationMs === "number") && (isAnimationName(animationName) || keyframes !== void 0) && (keyframes === void 0 || isKeyframeDefinition(keyframes));
-  }, "isTextAnimationConfig");
-  var isTransitionConfig = /* @__PURE__ */ __name((value) => {
-    if (typeof value !== "object" || value === null) return false;
-    const candidate = value;
-    const {
-      enabled,
-      durationMs,
-      delayMs,
-      easing,
-      animateSize,
-      overflow,
-      textAnimation,
-      enter,
-      exit
-    } = candidate;
-    return (enabled === void 0 || typeof enabled === "boolean") && (durationMs === void 0 || typeof durationMs === "number") && (delayMs === void 0 || typeof delayMs === "number") && (easing === void 0 || isEasing(easing)) && (animateSize === void 0 || typeof animateSize === "boolean") && (overflow === void 0 || isTransitionOverflow(overflow)) && (textAnimation === void 0 || isTextAnimationConfig(textAnimation)) && (enter === void 0 || isAnimationSettings(enter)) && (exit === void 0 || isAnimationSettings(exit));
-  }, "isTransitionConfig");
-  var _TransitionOrchestrator = class _TransitionOrchestrator {
-    constructor() {
-      /**
-       * Replaces an existing element with a new one, applying coordinated enter,
-       * exit, and size animations.
-       *
-       * The process involves creating a temporary wrapper to contain the animations,
-       * measuring the new element's dimensions without causing layout shifts, and
-       * then running all animations in parallel. Once complete, the wrapper is
-       * replaced by the new element.
-       *
-       * @param oldElement The original element to be replaced.
-       * @param newMarkup The HTML string for the new element.
-       * @param config The transition configuration object.
-       * @returns A promise that resolves with the new element after the transition completes.
-       */
-      __publicField(this, "replaceWithTransition", /* @__PURE__ */ __name(async (oldElement, newMarkup, config) => {
-        const wrapper = document.createElement("div");
-        wrapper.style.position = "relative";
-        wrapper.style.overflow = config.overflow;
-        const oldRect = oldElement.getBoundingClientRect();
-        const oldStyle = window.getComputedStyle(oldElement);
-        wrapper.style.display = oldStyle.display;
-        wrapper.style.verticalAlign = oldStyle.verticalAlign;
-        wrapper.style.width = `${oldRect.width}px`;
-        wrapper.style.height = `${oldRect.height}px`;
-        wrapper.style.margin = oldStyle.margin;
-        const oldElClone = oldElement.cloneNode(true);
-        if (!(oldElClone instanceof Element) || !isAnimatableElement(oldElClone)) {
-          throw new Error("oldElClone is not an AnimatableElement");
-        }
-        oldElClone.style.position = "absolute";
-        oldElClone.style.top = "0";
-        oldElClone.style.left = "0";
-        oldElClone.style.width = "100%";
-        oldElClone.style.height = "100%";
-        oldElClone.style.margin = "0";
-        oldElClone.style.pointerEvents = "none";
-        wrapper.appendChild(oldElClone);
-        const tempContainer = document.createElement("div");
-        tempContainer.innerHTML = newMarkup;
-        const newElement = tempContainer.firstElementChild;
-        if (!newElement || !(newElement instanceof HTMLElement || newElement instanceof SVGElement)) {
-          const exitAnim2 = this.exit(oldElement, config);
-          await exitAnim2.finished;
-          return oldElement;
-        }
-        const originalStyle = newElement.style.cssText;
-        const parent = oldElement.parentNode;
-        let newRect;
-        if (parent instanceof HTMLElement) {
-          const parentClone = parent.cloneNode(false);
-          const parentStyles = window.getComputedStyle(parent);
-          const cssText = parentStyles.cssText ? parentStyles.cssText : Array.from(parentStyles).reduce(
-            (str, prop) => `${str}${prop}:${parentStyles.getPropertyValue(prop)};`,
-            ""
-          );
-          parentClone.style.cssText = cssText;
-          parentClone.style.position = "absolute";
-          parentClone.style.top = "-9999px";
-          parentClone.style.left = "-9999px";
-          parentClone.style.visibility = "hidden";
-          parentClone.style.pointerEvents = "none";
-          parentClone.appendChild(newElement);
-          document.body.appendChild(parentClone);
-          if (config.textAnimation) {
-            this.applyTextAnimationToNode(newElement, config.textAnimation, config);
-          }
-          newRect = newElement.getBoundingClientRect();
-          document.body.removeChild(parentClone);
-        } else {
-          const offscreenContainer = document.createElement("div");
-          offscreenContainer.style.position = "absolute";
-          offscreenContainer.style.top = "-9999px";
-          offscreenContainer.style.left = "-9999px";
-          offscreenContainer.style.visibility = "hidden";
-          offscreenContainer.appendChild(newElement);
-          document.body.appendChild(offscreenContainer);
-          if (config.textAnimation) {
-            this.applyTextAnimationToNode(newElement, config.textAnimation, config);
-          }
-          newRect = newElement.getBoundingClientRect();
-          document.body.removeChild(offscreenContainer);
-        }
-        newElement.style.cssText = originalStyle;
-        newElement.style.visibility = "";
-        newElement.style.position = "absolute";
-        newElement.style.top = "0";
-        newElement.style.left = "0";
-        newElement.style.width = `${newRect.width}px`;
-        newElement.style.height = `${newRect.height}px`;
-        newElement.style.margin = "0";
-        newElement.style.opacity = "0";
-        wrapper.appendChild(newElement);
-        oldElement.replaceWith(wrapper);
-        const exitDelay = config.exit?.delayMs ?? config.delayMs;
-        const exitDuration = config.exit?.durationMs ?? config.durationMs;
-        const enterDelay = config.enter?.delayMs ?? config.delayMs;
-        const enterDuration = config.enter?.durationMs ?? config.durationMs;
-        const animations = [];
-        const exitKeyframes = this.resolveKeyframes(config.exit?.keyframes);
-        const exitAnim = oldElClone.animate(exitKeyframes, {
-          duration: exitDuration,
-          delay: exitDelay,
-          easing: config.easing,
-          fill: "forwards"
-        });
-        animations.push(exitAnim);
-        const enterKeyframes = this.resolveKeyframes(config.enter?.keyframes);
-        const enterAnim = newElement.animate(enterKeyframes, {
-          duration: enterDuration,
-          delay: enterDelay,
-          easing: config.easing,
-          fill: "forwards"
-        });
-        animations.push(enterAnim);
-        if (config.animateSize) {
-          const sizeAnim = wrapper.animate(
-            [
-              { width: `${oldRect.width}px`, height: `${oldRect.height}px` },
-              { width: `${newRect.width}px`, height: `${newRect.height}px` }
-            ],
-            {
-              duration: enterDuration,
-              // Match the enter animation
-              delay: enterDelay,
-              easing: config.easing,
-              fill: "forwards"
-            }
-          );
-          animations.push(sizeAnim);
-        }
-        await Promise.all(animations.map((a3) => a3.finished));
-        if (wrapper.parentNode) {
-          wrapper.replaceWith(newElement);
-        }
-        newElement.style.cssText = originalStyle;
-        oldElClone.remove();
-        return newElement;
-      }, "replaceWithTransition"));
-      /**
-       * Triggers an enter animation on a given element.
-       * @param element The element to animate.
-       * @param config The transition configuration.
-       * @returns The Animation object for the enter transition.
-       */
-      __publicField(this, "enter", /* @__PURE__ */ __name((element, config) => {
-        const enterDelay = config.enter?.delayMs ?? config.delayMs;
-        const enterDuration = config.enter?.durationMs ?? config.durationMs;
-        const keyframes = this.resolveKeyframes(config.enter?.keyframes);
-        return element.animate(keyframes, {
-          duration: enterDuration,
-          delay: enterDelay,
-          easing: config.easing,
-          fill: "forwards"
-        });
-      }, "enter"));
-      /**
-       * Triggers an exit animation on a given element.
-       * @param element The element to animate.
-       * @param config The transition configuration.
-       * @returns The Animation object for the exit transition.
-       */
-      __publicField(this, "exit", /* @__PURE__ */ __name((element, config) => {
-        const exitDelay = config.exit?.delayMs ?? config.delayMs;
-        const exitDuration = config.exit?.durationMs ?? config.durationMs;
-        const keyframes = this.resolveKeyframes(config.exit?.keyframes);
-        return element.animate(keyframes, {
-          duration: exitDuration,
-          delay: exitDelay,
-          easing: config.easing,
-          fill: "forwards"
-        });
-      }, "exit"));
-      /**
-       * Resolves the keyframes to be used for an animation, prioritizing custom
-       * definitions over presets.
-       * @param definition An optional custom keyframe definition.
-       * @returns An array of keyframes for use with WAAPI.
-       */
-      __publicField(this, "resolveKeyframes", /* @__PURE__ */ __name((definition) => {
-        if (definition) {
-          return Array.isArray(definition) ? definition : [definition];
-        }
-        return [];
-      }, "resolveKeyframes"));
-      /**
-       * Traverses a DOM node to find text nodes and applies a staggered animation
-       * to them by splitting the text into lines, words, or characters.
-       *
-       * Each segment is wrapped in a `<span>` and animated individually to create
-       * a "typewriter" or "reveal" effect.
-       *
-       * @param element The root element to traverse for text nodes.
-       * @param config The text animation configuration.
-       * @param transitionConfig The parent transition configuration for timing.
-       */
-      __publicField(this, "applyTextAnimationToNode", /* @__PURE__ */ __name((element, config, transitionConfig) => {
-        const initialDelay = config.delayMs ?? 0;
-        const computedStyle = window.getComputedStyle(element);
-        const isBackgroundClippedToText = computedStyle.getPropertyValue("background-clip") === "text" || computedStyle.getPropertyValue("-webkit-background-clip") === "text";
-        const traverseAndAnimate = /* @__PURE__ */ __name((node, currentDelay, isBackgroundClippedToText2) => {
-          if (node.nodeType === Node.TEXT_NODE) {
-            const text = node.textContent ?? "";
-            if (text.trim().length === 0) {
-              return currentDelay;
-            }
-            if (config.by === "character") {
-              const words = text.split(/(\s+)/);
-              const fragment2 = document.createDocumentFragment();
-              let delay2 = currentDelay;
-              words.forEach((word) => {
-                if (word.length === 0) return;
-                if (word.trim().length === 0) {
-                  fragment2.appendChild(document.createTextNode(word));
-                  return;
-                }
-                const wordWrapper = document.createElement("span");
-                wordWrapper.style.display = "inline-block";
-                wordWrapper.style.whiteSpace = "nowrap";
-                if (isBackgroundClippedToText2) {
-                  wordWrapper.style.setProperty("background", "inherit");
-                  wordWrapper.style.setProperty("-webkit-background-clip", "text");
-                  wordWrapper.style.setProperty("background-clip", "text");
-                  wordWrapper.style.setProperty("color", "transparent");
-                }
-                const chars = word.split("");
-                chars.forEach((char) => {
-                  const span = document.createElement("span");
-                  span.textContent = char;
-                  span.style.display = "inline-block";
-                  span.style.opacity = "0";
-                  if (isBackgroundClippedToText2) {
-                    span.style.setProperty("background", "inherit");
-                    span.style.setProperty("-webkit-background-clip", "text");
-                    span.style.setProperty("background-clip", "text");
-                    span.style.setProperty("color", "transparent");
-                    span.style.paddingBottom = "0.1em";
-                    span.style.marginBottom = "-0.1em";
-                  }
-                  const keyframes = this.resolveKeyframes(config.keyframes);
-                  const duration = config.durationMs ?? transitionConfig.durationMs ?? 300;
-                  const easing = transitionConfig.easing ?? "ease";
-                  const animation = span.animate(keyframes, {
-                    duration,
-                    easing,
-                    delay: delay2,
-                    fill: "forwards"
-                  });
-                  animation.addEventListener("finish", () => {
-                    animation.commitStyles();
-                    animation.cancel();
-                  });
-                  wordWrapper.appendChild(span);
-                  delay2 += config.staggerMs ?? 50;
-                });
-                fragment2.appendChild(wordWrapper);
-              });
-              node.parentNode?.replaceChild(fragment2, node);
-              return delay2;
-            }
-            let segments;
-            switch (config.by) {
-              case "word":
-                segments = text.split(/(\s+)/);
-                break;
-              case "line":
-                segments = text.split("\n");
-                break;
-              default:
-                segments = text.split("");
-            }
-            const fragment = document.createDocumentFragment();
-            let delay = currentDelay;
-            segments.forEach((segment) => {
-              if (segment.length === 0) return;
-              const isWhitespace = segment.trim().length === 0;
-              if (isWhitespace) {
-                fragment.appendChild(document.createTextNode(segment));
-                return;
-              }
-              const span = document.createElement("span");
-              span.textContent = segment;
-              span.style.display = "inline-block";
-              span.style.opacity = "0";
-              if (isBackgroundClippedToText2) {
-                span.style.setProperty("background", "inherit");
-                span.style.setProperty("-webkit-background-clip", "text");
-                span.style.setProperty("background-clip", "text");
-                span.style.setProperty("color", "transparent");
-                span.style.setProperty("will-change", "opacity, transform");
-              }
-              const keyframes = this.resolveKeyframes(config.keyframes);
-              const duration = config.durationMs ?? transitionConfig.durationMs ?? 300;
-              const easing = transitionConfig.easing ?? "ease";
-              const animation = span.animate(keyframes, {
-                duration,
-                easing,
-                delay,
-                fill: "forwards"
-              });
-              animation.addEventListener("finish", () => {
-                animation.commitStyles();
-                animation.cancel();
-              });
-              fragment.appendChild(span);
-              delay += config.staggerMs ?? 50;
-            });
-            node.parentNode?.replaceChild(fragment, node);
-            return delay;
-          }
-          if (node.nodeType === Node.ELEMENT_NODE) {
-            let delay = currentDelay;
-            const children = Array.from(node.childNodes);
-            for (const child of children) {
-              delay = traverseAndAnimate(child, delay, isBackgroundClippedToText2);
-            }
-            return delay;
-          }
-          return currentDelay;
-        }, "traverseAndAnimate");
-        traverseAndAnimate(element, initialDelay, isBackgroundClippedToText);
-      }, "applyTextAnimationToNode"));
-    }
-  };
-  __name(_TransitionOrchestrator, "TransitionOrchestrator");
-  var TransitionOrchestrator = _TransitionOrchestrator;
-  var TRANSFORMATION_ACTIONS = /* @__PURE__ */ new Set(["Replace", "InsertBefore", "InsertAfter", "Delete", "SetFormField"]);
-  var isString = /* @__PURE__ */ __name((value) => typeof value === "string", "isString");
-  var isStringArray = /* @__PURE__ */ __name((value) => Array.isArray(value) && value.every((item) => isString(item)), "isStringArray");
-  var isTransformationAction = /* @__PURE__ */ __name((value) => typeof value === "string" && TRANSFORMATION_ACTIONS.has(value), "isTransformationAction");
-  var isTransformation = /* @__PURE__ */ __name((value) => {
-    if (typeof value !== "object" || value === null) return false;
-    const candidate = value;
-    return isString(candidate.identifier) && typeof candidate.markup === "string" && isStringArray(candidate.selectorGuesses) && isTransformationAction(candidate.action) && (candidate.transition === void 0 || isTransitionConfig(candidate.transition));
-  }, "isTransformation");
-  var parseTransformationsResponse = /* @__PURE__ */ __name((payload) => {
-    if (typeof payload !== "object" || payload === null) {
-      throw new Error("Invalid response: expected object with data array");
-    }
-    const data = payload.data;
-    if (!Array.isArray(data)) {
-      throw new Error("Invalid response: data must be an array");
-    }
-    data.forEach((item, index) => {
-      if (!isTransformation(item)) {
-        throw new Error(`Invalid transformation at index ${index}`);
-      }
-    });
-    return data;
-  }, "parseTransformationsResponse");
-  var _Kenobi = class _Kenobi {
-    constructor(config) {
-      __publicField(this, "config");
-      __publicField(this, "changeStack", /* @__PURE__ */ new Map());
-      __publicField(this, "visitorKey", null);
-      __publicField(this, "orchestrator");
-      __publicField(this, "cueCardInstance", null);
-      //
-      __publicField(this, "currentPath");
-      __publicField(this, "currentUrl");
-      __publicField(this, "navTicking", false);
-      __publicField(this, "transitionDefaults");
-      __publicField(this, "startAutoTransform", /* @__PURE__ */ __name(async () => {
-        try {
-          this.syncChangeStack();
-          await this.waitForLoaded();
-          if (this.isFramer()) {
-            await this.waitForFrames();
-            await this.waitForIdle();
-            await this.waitForQuietDom(100, 1e3);
-          }
-          await this.transform();
-        } catch (error) {
-          this.log("error", "Auto-transformation flow failed with error:", error);
-        }
-      }, "startAutoTransform"));
-      __publicField(this, "transform", /* @__PURE__ */ __name(async () => {
-        try {
-          const startTime = /* @__PURE__ */ new Date();
-          this.log("debug", "Starting transform");
-          if (this.visitorKey === null) {
-            this.log(
-              "debug",
-              `Couldn't find a visitor copy external ID with query param key "${VISITOR_QUERY_PARAM_KEY}"`,
-              "Exiting..."
-            );
-            return;
-          }
-          let transformations = [];
-          try {
-            transformations = await this.getTransformations(
-              this.currentPath,
-              this.visitorKey
-            );
-          } catch (error) {
-            this.log(
-              "error_detailed",
-              "An error occurred _getting_ transformations",
-              error
-            );
-          }
-          try {
-            await this.applyTransformations(transformations);
-          } catch (error) {
-            this.log(
-              "error_detailed",
-              "An error occurred _applying_ transformations",
-              error
-            );
-          }
-          const endTime = /* @__PURE__ */ new Date();
-          const fnDuration = this.getDurationInMilliseconds(startTime, endTime);
-          this.log(
-            "debug",
-            `Transformation complete, took ${this.formatThousands(fnDuration)} ms`
-          );
-        } catch (error) {
-          this.log(
-            "error",
-            "An unexpected, top-level error occurred during transformation",
-            error
-          );
-        }
-      }, "transform"));
-      /*
-      ----
-      --   UTILITIES
-      ----
-      */
-      __publicField(this, "log", /* @__PURE__ */ __name((level, message, ...rest) => {
-        const version = typeof window.__KENOBI_VERSION__ !== "undefined" ? window.__KENOBI_VERSION__ : "dev";
-        const masthead = `[Kenobi \u25D4] (v${version})`;
-        const text = `${masthead} [${level.toLocaleUpperCase()}] :: ${message}`;
-        switch (level) {
-          case "debug":
-            if (this.config.debug) console.log(text, ...rest);
-            break;
-          case "info":
-            console.log(text, ...rest);
-            break;
-          case "warn":
-            console.warn(text, ...rest);
-            break;
-          case "error_detailed":
-            console.trace(...rest);
-          // fallthrough
-          case "error":
-            console.error(text, ...rest);
-            break;
-        }
-      }, "log"));
-      __publicField(this, "resolveTransitionConfig", /* @__PURE__ */ __name((override) => mergeTransitionConfig(this.transitionDefaults, override), "resolveTransitionConfig"));
-      __publicField(this, "retrieveElement", /* @__PURE__ */ __name((selectorGuesses) => {
-        if (!Array.isArray(selectorGuesses) || selectorGuesses.some((s3) => typeof s3 !== "string")) {
-          throw new Error(
-            `Invalid selectorGuesses payload received: expected array of strings but got ${JSON.stringify(
-              selectorGuesses
-            )}`
-          );
-        }
-        for (const selector of selectorGuesses) {
-          const element = document.querySelector(selector);
-          if (element !== null) return element;
-        }
-        throw new Error(
-          `Could not find an element in the document with any of these selector patterns: ${selectorGuesses.join(
-            ", "
-          )}`
-        );
-      }, "retrieveElement"));
-      __publicField(this, "getQueryParam", /* @__PURE__ */ __name((key) => {
-        const searchParams = new URLSearchParams(window.location.search);
-        return searchParams.get(key);
-      }, "getQueryParam"));
-      __publicField(this, "getCurrentPath", /* @__PURE__ */ __name(() => window.location.pathname, "getCurrentPath"));
-      __publicField(this, "getCurrentUrl", /* @__PURE__ */ __name(() => window.location.pathname + window.location.search + window.location.hash, "getCurrentUrl"));
-      __publicField(this, "getDurationInMilliseconds", /* @__PURE__ */ __name((start, end) => +end - +start, "getDurationInMilliseconds"));
-      __publicField(this, "formatThousands", /* @__PURE__ */ __name((number) => new Intl.NumberFormat("en-US").format(number), "formatThousands"));
-      __publicField(this, "setDebug", /* @__PURE__ */ __name((value) => this.config.debug = value, "setDebug"));
-      __publicField(this, "isInputElement", /* @__PURE__ */ __name((el) => {
-        if (!(el instanceof HTMLInputElement) && !(el instanceof HTMLTextAreaElement) && !(el instanceof HTMLSelectElement))
-          return false;
-        return true;
-      }, "isInputElement"));
-      /*
-      ----
-      --   UTILITIES // PAGE WAITING
-      ----
-      */
-      __publicField(this, "waitForFrames", /* @__PURE__ */ __name(() => (
-        // waits 2 animation frames
-        new Promise((r3) => requestAnimationFrame(() => requestAnimationFrame(r3)))
-      ), "waitForFrames"));
-      __publicField(this, "waitForIdle", /* @__PURE__ */ __name((timeout = 1e3) => {
-        return new Promise(
-          (r3) => "requestIdleCallback" in window ? window.requestIdleCallback(() => r3(), { timeout }) : setTimeout(r3, 50)
-        );
-      }, "waitForIdle"));
-      __publicField(this, "waitForLoaded", /* @__PURE__ */ __name(() => {
-        if (document.readyState === "complete") return Promise.resolve();
-        return new Promise(
-          (r3) => window.addEventListener("load", () => r3(), { once: true })
-        );
-      }, "waitForLoaded"));
-      __publicField(this, "waitForQuietDom", /* @__PURE__ */ __name((maxWaitMs, quietMs) => {
-        return new Promise((resolve) => {
-          let last = performance.now();
-          const mo = new MutationObserver(() => {
-            last = performance.now();
-          });
-          mo.observe(document.documentElement, {
-            subtree: true,
-            childList: true,
-            attributes: true,
-            characterData: true
-          });
-          const deadline = performance.now() + maxWaitMs;
-          (/* @__PURE__ */ __name((function tick() {
-            const now = performance.now();
-            if (now - last >= quietMs) {
-              mo.disconnect();
-              resolve();
-              return;
-            }
-            if (now >= deadline) {
-              mo.disconnect();
-              resolve();
-              return;
-            }
-            requestAnimationFrame(tick);
-          }), "tick"))();
-        });
-      }, "waitForQuietDom"));
-      /*
-      ----
-      --   UTILITIES // PLATFORMS
-      ----
-      */
-      __publicField(this, "isFramer", /* @__PURE__ */ __name(() => {
-        const scripts = Array.from(document.scripts).map((s3) => s3.src || "");
-        const conditions = [
-          "__framer_events" in window,
-          document.querySelector(
-            "[data-framer-root],[data-framer-component],[data-framer-page]"
-          ),
-          scripts.some((src) => /framerusercontent\.com\/sites/i.test(src))
-        ];
-        return conditions.some((c3) => !!c3);
-      }, "isFramer"));
-      /*
-      ----
-      --   VISITOR STATE MANAGEMENT
-      ----
-      */
-      __publicField(this, "syncVisitorKey", /* @__PURE__ */ __name(() => {
-        try {
-          const queryParamValue = this.getQueryParam(VISITOR_QUERY_PARAM_KEY);
-          if (queryParamValue) {
-            this.log(
-              "debug",
-              `Query param value found (${queryParamValue}), pushing into session storage`
-            );
-            sessionStorage.setItem(VISITOR_SESSION_STORAGE_KEY, queryParamValue);
-            this.visitorKey = queryParamValue;
-          } else {
-            this.visitorKey = sessionStorage.getItem(VISITOR_SESSION_STORAGE_KEY);
-          }
-        } catch (error) {
-          this.log("error", "Failed to sync visitor key with error:", error);
-        }
-      }, "syncVisitorKey"));
-      __publicField(this, "initNavigationListener", /* @__PURE__ */ __name(() => {
-        if ("__KENOBI_NAV_HOOKED__" in window) return;
-        window.__KENOBI_NAV_HOOKED__ = true;
-        const schedule = /* @__PURE__ */ __name((src) => {
-          if (this.navTicking) return;
-          this.navTicking = true;
-          queueMicrotask(() => {
-            this.navTicking = false;
-            const nextUrl = this.getCurrentUrl();
-            if (nextUrl !== this.currentUrl) {
-              this.currentUrl = nextUrl;
-              this.currentPath = this.getCurrentPath();
-              this.log("debug", `URL changed (${src}) \u2192 ${location.href}`);
-              if (this.config.autoTransform) {
-                this.undoAll();
-                void this.startAutoTransform();
-              }
-            }
-          });
-        }, "schedule");
-        if ("navigation" in window) {
-          const nav = window.navigation;
-          if (nav && "addEventListener" in nav && typeof nav.addEventListener === "function") {
-            nav.addEventListener("navigate", () => schedule("navigation:navigate"));
-            nav.addEventListener(
-              "currententrychange",
-              () => schedule("navigation:entrychange")
-            );
-            nav.addEventListener?.(
-              "navigatesuccess",
-              () => schedule("navigation:success")
-            );
-          }
-        }
-        const origPush = history.pushState.bind(history);
-        const origRepl = history.replaceState.bind(history);
-        history.pushState = ((...args) => {
-          const ret = origPush(...args);
-          schedule("pushState");
-          return ret;
-        });
-        history.replaceState = ((...args) => {
-          const ret = origRepl(...args);
-          schedule("replaceState");
-          return ret;
-        });
-        window.addEventListener("popstate", () => schedule("popstate"));
-        window.addEventListener("hashchange", () => schedule("hashchange"));
-        document.addEventListener(
-          "click",
-          (e3) => {
-            const t3 = e3.target;
-            const a3 = t3 && t3.closest?.("a[href]");
-            if (!a3) return;
-            if (a3.target && a3.target !== "_self") return;
-            const url = new URL(a3.href, location.href);
-            if (url.origin !== location.origin) return;
-            setTimeout(() => schedule("click"), 0);
-          },
-          true
-        );
-        setInterval(() => {
-          const next = this.getCurrentUrl();
-          if (next !== this.currentUrl) schedule("poll");
-        }, 1e3);
-      }, "initNavigationListener"));
-      /*
-      ----
-      --   DATA RETRIEVAL
-      ----
-      */
-      __publicField(this, "getTransformations", /* @__PURE__ */ __name(async (path, visitorCopyId) => {
-        const searchParams = new URLSearchParams({
-          path
-          // siteId: this.config.siteId,
-          // publicKey: this.config.publicKey,
-        });
-        const rawResponse = await fetch(
-          `${this.config.apiHost}/v1/visitor-copy-transformations/${visitorCopyId}?${searchParams.toString()}`
-        );
-        const responseJson = await rawResponse.json();
-        if (!rawResponse.ok) {
-          throw new Error(
-            `Network error (status ${rawResponse.status}) with json body: ${JSON.stringify(responseJson, null, 2)}`
-          );
-        }
-        return parseTransformationsResponse(responseJson);
-      }, "getTransformations"));
-      __publicField(this, "validateTransitionPreconditions", /* @__PURE__ */ __name((identifier, markup, transitionConfig) => {
-        if (transitionConfig.enabled) {
-          const tempContainer = document.createElement("div");
-          tempContainer.innerHTML = markup;
-          const prospectiveElement = tempContainer.firstElementChild;
-          if (!prospectiveElement || !isAnimatableElement(prospectiveElement)) {
-            this.log(
-              "warn",
-              `Transformation "${identifier}" was skipped: A transition was requested, but the element is not animatable.`
-            );
-            return false;
-          }
-        }
-        return true;
-      }, "validateTransitionPreconditions"));
-      /*
-      ----
-      --   DOM + TRANSFORMATION MANIPULATION
-      ----
-      */
-      __publicField(this, "applyTransformations", /* @__PURE__ */ __name(async (transformations, opts) => {
-        this.log("debug", `Starting ${transformations.length} transformations`);
-        if (opts?.shouldConsolidate) {
-          this.changeStack.forEach((_2, key) => {
-            const matchingTransformation = transformations.find(
-              (tran) => tran.identifier === key
-            );
-            if (matchingTransformation) {
-              this.undo(key);
-            }
-          });
-        }
-        for (const { identifier, ...transformation } of transformations) {
-          try {
-            if (this.changeStack.get(identifier)) {
-              throw new Error("Transformation already exists in stack");
-            }
-            const cursor = this.retrieveElement(transformation.selectorGuesses);
-            switch (transformation.action) {
-              case "Replace": {
-                const originalOuterHtml = cursor.outerHTML;
-                const transitionConfig = this.resolveTransitionConfig(
-                  transformation.transition
-                );
-                if (transitionConfig.enabled && isAnimatableElement(cursor) && "animate" in cursor) {
-                  const newElement = await this.orchestrator.replaceWithTransition(
-                    cursor,
-                    transformation.markup,
-                    transitionConfig
-                  );
-                  this.setOrUpdateReplaceChangeRef(
-                    identifier,
-                    originalOuterHtml,
-                    newElement
-                  );
-                } else {
-                  morphdom_esm_default(cursor, transformation.markup, {});
-                  this.setOrUpdateReplaceChangeRef(
-                    identifier,
-                    originalOuterHtml,
-                    cursor
-                  );
-                }
-                if (cursor.nodeName === "VIDEO")
-                  cursor.play();
-                break;
-              }
-              case "InsertBefore": {
-                const transitionConfig = this.resolveTransitionConfig(
-                  transformation.transition
-                );
-                if (!this.validateTransitionPreconditions(
-                  identifier,
-                  transformation.markup,
-                  transitionConfig
-                )) {
-                  break;
-                }
-                cursor.insertAdjacentHTML("beforebegin", transformation.markup);
-                const ref = cursor.previousElementSibling;
-                if (ref === null) throw new Error("Element wasn't created");
-                ref.setAttribute(TRANSFORMATION_DATA_ATTR_KEY, identifier);
-                if (transitionConfig.enabled && isAnimatableElement(ref)) {
-                  const originalStyle = ref.style.cssText;
-                  ref.style.opacity = "0";
-                  const anim = this.orchestrator.enter(ref, {
-                    ...transitionConfig,
-                    delayMs: transitionConfig.enter?.delayMs ?? transitionConfig.delayMs
-                  });
-                  anim.addEventListener(
-                    "finish",
-                    () => {
-                      ref.style.cssText = originalStyle;
-                    },
-                    {
-                      once: true
-                    }
-                  );
-                }
-                this.changeStack.set(identifier, {
-                  undoOpts: {
-                    type: "Remove",
-                    ref
-                  }
-                });
-                break;
-              }
-              case "InsertAfter": {
-                const transitionConfig = this.resolveTransitionConfig(
-                  transformation.transition
-                );
-                if (!this.validateTransitionPreconditions(
-                  identifier,
-                  transformation.markup,
-                  transitionConfig
-                )) {
-                  break;
-                }
-                cursor.insertAdjacentHTML("afterend", transformation.markup);
-                const ref = cursor.nextElementSibling;
-                if (ref === null) throw new Error("Element wasn't created");
-                ref.setAttribute(TRANSFORMATION_DATA_ATTR_KEY, identifier);
-                if (transitionConfig.enabled && isAnimatableElement(ref)) {
-                  const originalStyle = ref.style.cssText;
-                  ref.style.opacity = "0";
-                  const anim = this.orchestrator.enter(ref, {
-                    ...transitionConfig,
-                    delayMs: transitionConfig.enter?.delayMs ?? transitionConfig.delayMs
-                  });
-                  anim.addEventListener(
-                    "finish",
-                    () => {
-                      ref.style.cssText = originalStyle;
-                    },
-                    {
-                      once: true
-                    }
-                  );
-                }
-                this.changeStack.set(identifier, {
-                  undoOpts: {
-                    type: "Remove",
-                    ref
-                  }
-                });
-                break;
-              }
-              case "Delete": {
-                const originalOuterHtml = cursor.outerHTML;
-                morphdom_esm_default(
-                  cursor,
-                  `<div style="display: none;" data-kenobi-delete-marker="true"></div>`,
-                  {}
-                );
-                cursor.setAttribute(TRANSFORMATION_DATA_ATTR_KEY, identifier);
-                this.changeStack.set(identifier, {
-                  undoOpts: {
-                    type: "Replace",
-                    ref: cursor,
-                    content: originalOuterHtml
-                  }
-                });
-                break;
-              }
-              case "SetFormField": {
-                if (!this.isInputElement(cursor))
-                  throw new Error("Element targeted is not of a supported type");
-                const originalValue = cursor.value;
-                this.setInputValue(cursor, transformation.markup);
-                cursor.setAttribute(TRANSFORMATION_DATA_ATTR_KEY, identifier);
-                this.changeStack.set(identifier, {
-                  undoOpts: {
-                    type: "SetInput",
-                    ref: cursor,
-                    content: originalValue
-                  }
-                });
-              }
-            }
-          } catch (err) {
-            this.log(
-              "warn",
-              `Unable to apply transformation with identifier "${identifier}"`,
-              err
-            );
-          }
-        }
-      }, "applyTransformations"));
-      /**
-       * Creates or updates an entry in the change stack for a "Replace" action,
-       * enabling undo functionality.
-       *
-       * This function ensures that for any given transformation identifier, there is a
-       * corresponding undo record. It handles both the initial creation of this
-       * record and updates to it if a transformation is re-applied, for instance,
-       * after a transition.
-       *
-       * @param identifier The unique identifier for the transformation.
-       * @param originalOuterHtml The original outerHTML of the element before replacement.
-       * @param ref The new element that has replaced the original one.
-       */
-      __publicField(this, "setOrUpdateReplaceChangeRef", /* @__PURE__ */ __name((identifier, originalOuterHtml, ref) => {
-        const existing = this.changeStack.get(identifier);
-        if (!existing) {
-          ref.setAttribute(TRANSFORMATION_DATA_ATTR_KEY, identifier);
-          this.changeStack.set(identifier, {
-            undoOpts: {
-              type: "Replace",
-              ref,
-              // The new element to be replaced back on undo.
-              content: originalOuterHtml
-              // The original content to restore.
-            }
-          });
-          return;
-        }
-        const previousRef = existing.undoOpts.ref;
-        if (previousRef && previousRef !== ref && previousRef.isConnected) {
-          previousRef.removeAttribute(TRANSFORMATION_DATA_ATTR_KEY);
-        }
-        ref.setAttribute(TRANSFORMATION_DATA_ATTR_KEY, identifier);
-        existing.undoOpts.ref = ref;
-      }, "setOrUpdateReplaceChangeRef"));
-      __publicField(this, "syncChangeStack", /* @__PURE__ */ __name(() => {
-        let pruned = 0;
-        for (const [id, entry] of this.changeStack) {
-          const ref = entry.undoOpts.ref;
-          const alive = !!ref && (ref.isConnected || document.contains(ref));
-          if (!alive) {
-            this.changeStack.delete(id);
-            pruned++;
-            continue;
-          }
-          const marker = ref.getAttribute(TRANSFORMATION_DATA_ATTR_KEY);
-          if (marker !== id) {
-            this.changeStack.delete(id);
-            pruned++;
-          }
-        }
-        this.log(
-          "debug",
-          `syncChangeStack pruned ${this.formatThousands(pruned)} stale entries`
-        );
-      }, "syncChangeStack"));
-      __publicField(this, "undo", /* @__PURE__ */ __name((identifier) => {
-        const stackItem = this.changeStack.get(identifier);
-        if (stackItem === void 0) {
-          throw new Error(
-            `Cannot undo stack item with identifier ${identifier} as it does not exist.`
-          );
-        }
-        const { undoOpts } = stackItem;
-        switch (undoOpts.type) {
-          case "Remove": {
-            undoOpts.ref.remove();
-            break;
-          }
-          case "Replace": {
-            morphdom_esm_default(undoOpts.ref, undoOpts.content);
-            undoOpts.ref.removeAttribute(TRANSFORMATION_DATA_ATTR_KEY);
-            break;
-          }
-          case "SetInput": {
-            if (!this.isInputElement(undoOpts.ref))
-              throw new Error("Element targeted is not of a supported type");
-            this.setInputValue(undoOpts.ref, undoOpts.content);
-            undoOpts.ref.removeAttribute(TRANSFORMATION_DATA_ATTR_KEY);
-            break;
-          }
-        }
-        this.changeStack.delete(identifier);
-      }, "undo"));
-      __publicField(this, "undoAll", /* @__PURE__ */ __name(() => {
-        this.changeStack.forEach((_2, ident) => this.undo(ident));
-      }, "undoAll"));
-      __publicField(this, "setInputValue", /* @__PURE__ */ __name((el, value) => {
-        const proto = el instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : el instanceof HTMLInputElement ? HTMLInputElement.prototype : HTMLSelectElement.prototype;
-        const descriptor = Object.getOwnPropertyDescriptor(proto, "value");
-        if (!descriptor?.set) {
-          throw new Error("No value setter found");
-        }
-        descriptor.set.call(el, value);
-        el.dispatchEvent(new Event("input", { bubbles: true }));
-        el.dispatchEvent(new Event("change", { bubbles: true }));
-      }, "setInputValue"));
-      /*
-      ----
-      --   CUE CARD AUTO-MOUNT & PERSONALIZATION
-      ----
-      */
-      /**
-       * Initializes and mounts a CueCard with default configuration.
-       * Called automatically when publishableKey is provided.
-       *
-       * Default config matches the template editor settings.
-       * Future: This config will be fetched per-org from the database.
-       */
-      __publicField(this, "initCueCard", /* @__PURE__ */ __name(() => {
-        if (this.cueCardInstance) {
-          this.log("warn", "CueCard already initialized, skipping...");
-          return;
-        }
-        this.cueCardInstance = new CueCard({
-          theme: "light",
-          position: "top-center",
-          fields: [
-            {
-              name: "companyDomain",
-              label: "Company Name or Domain",
-              placeholder: "example.com",
-              required: true,
-              minLength: 3,
-              errorMessage: "Company name or domain is required"
-            }
-          ],
-          hasPersonalization: true,
-          isVisible: true,
-          enableFocusMode: true,
-          showKeyboardHints: true,
-          focusBlurIntensity: "8px",
-          focusDelayMs: 2e3,
-          enableLauncher: true,
-          onSubmitPersonalization: /* @__PURE__ */ __name((values) => {
-            this.log("debug", "CueCard submitted:", values);
-            void this.personalize(values);
-          }, "onSubmitPersonalization"),
-          onOpenChange: /* @__PURE__ */ __name((isOpen) => {
-            this.log("debug", "CueCard open state changed:", isOpen);
-          }, "onOpenChange")
-        });
-        this.cueCardInstance.mount();
-        this.log("debug", "CueCard mounted successfully");
-      }, "initCueCard"));
-      /**
-       * Triggers personalization by calling the API with the provided input.
-       * Updates CueCard status during the flow and applies transformations.
-       *
-       * @param input - User-provided fields (e.g., { companyDomain: "acme.com" })
-       */
-      __publicField(this, "personalize", /* @__PURE__ */ __name(async (input) => {
-        if (!this.config.publishableKey) {
-          this.log("error", "Cannot personalize: publishableKey not configured");
-          return;
-        }
-        const startTime = /* @__PURE__ */ new Date();
-        this.log("debug", "Starting personalization with input:", input);
-        if (this.cueCardInstance) {
-          this.cueCardInstance.update({ status: "starting", progressPct: 10 });
-        }
-        try {
-          const response = await fetch(`${this.config.apiHost}/v1/personalize`, {
-            method: "POST",
-            headers: {
-              "Content-Type": "application/json"
-            },
-            body: JSON.stringify({
-              publishableKey: this.config.publishableKey,
-              input,
-              pagePath: this.currentPath
-            })
-          });
-          if (this.cueCardInstance) {
-            this.cueCardInstance.update({ progressPct: 50 });
-          }
-          if (!response.ok) {
-            const errorBody = await response.json().catch(() => ({}));
-            throw new Error(errorBody.error || `API error: ${response.status}`);
-          }
-          const result = await response.json();
-          this.log("debug", "Personalization API response:", result);
-          if (this.cueCardInstance) {
-            this.cueCardInstance.update({ progressPct: 80 });
-          }
-          if (result.transformations && Array.isArray(result.transformations)) {
-            await this.applyTransformations(result.transformations, {
-              shouldConsolidate: true
-            });
-          }
-          if (this.cueCardInstance) {
-            this.cueCardInstance.update({ status: "success", progressPct: 100 });
-          }
-          const endTime = /* @__PURE__ */ new Date();
-          const duration = this.getDurationInMilliseconds(startTime, endTime);
-          this.log(
-            "debug",
-            `Personalization complete, took ${this.formatThousands(duration)} ms`
-          );
-        } catch (error) {
-          this.log("error", "Personalization failed:", error);
-          if (this.cueCardInstance) {
-            this.cueCardInstance.update({ status: "error", progressPct: 0 });
-          }
-        }
-      }, "personalize"));
-      /**
-       * Returns the CueCard instance if one was auto-mounted.
-       * Useful for external control of the CueCard state.
-       */
-      __publicField(this, "getCueCard", /* @__PURE__ */ __name(() => {
-        return this.cueCardInstance;
-      }, "getCueCard"));
-      this.config = {
-        apiHost: "https://kenobi.ai/api",
-        debug: false,
-        autoTransform: true,
-        ...config
-      };
-      this.transitionDefaults = createNormalizedTransitionConfig(
-        this.config.transitionDefaults
-      );
-      this.orchestrator = new TransitionOrchestrator();
-      this.syncVisitorKey();
-      this.currentPath = this.getCurrentPath();
-      this.currentUrl = this.getCurrentUrl();
-      try {
-        this.initNavigationListener();
-      } catch (error) {
-        this.log(
-          "error",
-          "Failed to initialize navigation listener with error:",
-          error
-        );
-      }
-      this.log("debug", "Kenobi initialized");
-      if (this.config.autoTransform) {
-        this.log("debug", "Auto-transform is requested... Starting...");
-        void this.startAutoTransform();
-      }
-      if (this.config.publishableKey) {
-        this.log("debug", "PublishableKey provided, auto-mounting CueCard...");
-        this.initCueCard();
-      }
-    }
-  };
-  __name(_Kenobi, "Kenobi");
-  var Kenobi = _Kenobi;
-  return __toCommonJS(index_exports);
-})();
-//# sourceMappingURL=kenobi.js.map