kenobi-js 0.1.30 → 0.1.32

package/browser/dist.js

@@ -0,0 +1,3168 @@
+/*!
+ * Kenobi SDK v0.1.32
+ * (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, skipFocus, 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]);
+    const skipFocusRef = A2(false);
+    if (skipFocus) {
+      skipFocusRef.current = true;
+    }
+    y2(() => {
+      if (isOpen) {
+        if (hasHadSuccessRef.current && formRef.current) {
+          formRef.current.reset();
+        }
+        const shouldSkipFocus = skipFocusRef.current;
+        skipFocusRef.current = false;
+        if (!shouldSkipFocus) {
+          const focusTimer = setTimeout(() => {
+            if (firstInputRef.current) {
+              firstInputRef.current.focus();
+            }
+          }, 100);
+          return () => clearTimeout(focusTimer);
+        }
+      }
+    }, [isOpen]);
+    const prevIsOpenForExpandRef = A2(isOpen);
+    y2(() => {
+      const wasOpen = prevIsOpenForExpandRef.current;
+      prevIsOpenForExpandRef.current = isOpen;
+      if (!wasOpen && isOpen && mode === "launcher") {
+        setMode("card");
+      }
+    }, [isOpen, mode]);
+    y2(() => {
+      if (config.status === "starting") {
+        setIsOpen(false);
+      }
+    }, [config.status, setIsOpen]);
+    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, "skipFocus", 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(skipFocus) {
+      this.isOpen = true;
+      this.skipFocus = skipFocus ?? false;
+      this.render();
+    }
+    render() {
+      const mountPoint = this.shadow.lastElementChild;
+      const skipFocusOnce = this.skipFocus;
+      this.skipFocus = false;
+      G(
+        /* @__PURE__ */ u3(
+          CueCardContent,
+          {
+            config: this.config,
+            isOpen: this.isOpen,
+            skipFocus: skipFocusOnce,
+            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 candidates = document.querySelectorAll(selector);
+          if (candidates.length === 0) continue;
+          if (candidates.length === 1) return candidates[0];
+          const visible = Array.from(candidates).filter((el) => {
+            const rect = el.getBoundingClientRect();
+            const style = getComputedStyle(el);
+            return style.display !== "none" && style.visibility !== "hidden" && rect.width > 0 && rect.height > 0;
+          });
+          if (visible.length === 0) continue;
+          const sorted = visible.sort(
+            (a3, b) => a3.getBoundingClientRect().top - b.getBoundingClientRect().top
+          );
+          this.log(
+            "debug",
+            `Selector "${selector}" matched ${candidates.length} elements, selected topmost visible one at y=${sorted[0].getBoundingClientRect().top}`
+          );
+          return sorted[0];
+        }
+        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 publicKey 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.publicKey) {
+          this.log("error", "Cannot personalize: publicKey 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({
+              publicKey: this.config.publicKey,
+              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.publicKey) {
+        this.log("debug", "Public key provided, auto-mounting CueCard...");
+        this.initCueCard();
+      }
+    }
+  };
+  __name(_Kenobi, "Kenobi");
+  var Kenobi = _Kenobi;
+  return __toCommonJS(index_exports);
+})();
+//# sourceMappingURL=dist.js.map