@netlify/spark-ui 1.8.2 → 1.8.4

package/dist/components/preact/Modal/Modal.js

@@ -1,5 +1,5 @@
 import { u as l } from "../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { D as d } from "../../../chunks/compat.module.DJD78v1z.js";
+import { D as d } from "../../../chunks/compat.module.BNbXPLVY.js";
 const u = d(function({ children: o, className: r, ...a }, t) {
   return /* @__PURE__ */ l("dialog", { ref: t, className: r, role: "dialog", "aria-modal": "true", ...a, children: o });
 });

package/dist/components/preact/SearchModal/components/SearchInput.js

@@ -1,6 +1,6 @@
 import { u as e } from "../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { d as u, y as h } from "../../../../chunks/hooks.module.D9IrxdEh.js";
-import { u as o } from "../../../../chunks/useTimeout.YR4eKwj7.js";
+import { d as u, y as h } from "../../../../chunks/hooks.module.DGkdD5n9.js";
+import { u as o } from "../../../../chunks/useTimeout.Cq4aqnDe.js";
 import d from "../../Icon/index.js";
 const I = (a) => {
   const [r, t] = u(""), { reset: c, run: i } = o((l) => {

package/dist/components/preact/SearchModal/components/SearchLink/SearchLink.js

@@ -1,5 +1,5 @@
 import { u as a } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import "../../../../../chunks/hooks.module.D9IrxdEh.js";
+import "../../../../../chunks/hooks.module.DGkdD5n9.js";
 import { useSearchLogger as d } from "../../hooks/useSearchLogger.js";
 import c from "../../../Icon/index.js";
 import '../../../../../assets/SearchLink.css';const g = ({

package/dist/components/preact/SearchModal/components/SearchModal/SearchModal.js

@@ -1,5 +1,5 @@
 import { u as e } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { A as N, y as l, d as h } from "../../../../../chunks/hooks.module.D9IrxdEh.js";
+import { A as N, y as l, d as h } from "../../../../../chunks/hooks.module.DGkdD5n9.js";
 import w from "../../../Modal/Modal.js";
 import p from "../../../KeyboardKey/KeyboardKey.js";
 import I from "../SearchWindow.js";

package/dist/components/preact/SearchModal/components/SearchToggle/SearchToggle.js

@@ -1,5 +1,5 @@
 import { u as e } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { D as a } from "../../../../../chunks/compat.module.DJD78v1z.js";
+import { D as a } from "../../../../../chunks/compat.module.BNbXPLVY.js";
 import o from "../../../Icon/index.js";
 import '../../../../../assets/SearchToggle.css';const s = a(function(r, t) {
   return /* @__PURE__ */ e("button", { id: r.id, ref: t, class: "n-search-toggle button", disabled: !0, "data-ntl-search-toggle": !0, children: [

package/dist/components/preact/SearchModal/components/SearchWindow.js

@@ -1,5 +1,5 @@
 import { u as e } from "../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { T as h } from "../../../../chunks/hooks.module.D9IrxdEh.js";
+import { T as h } from "../../../../chunks/hooks.module.DGkdD5n9.js";
 import s from "./SearchHeading/SearchHeading.js";
 import a from "./SearchLink/SearchLink.js";
 import { Fragment as d } from "preact";

package/dist/components/preact/SearchModal/hooks/useKeyboardNav.js

@@ -1,4 +1,4 @@
-import { y as f } from "../../../../chunks/hooks.module.D9IrxdEh.js";
+import { y as f } from "../../../../chunks/hooks.module.DGkdD5n9.js";
 function k(r, t, o, c) {
   f(() => {
     if (!r) return;

package/dist/components/preact/SearchModal/hooks/useSearch.js

@@ -1,5 +1,5 @@
-import { d as g, A as w } from "../../../../chunks/hooks.module.D9IrxdEh.js";
-import { u as S } from "../../../../chunks/useTimeout.YR4eKwj7.js";
+import { d as g, A as w } from "../../../../chunks/hooks.module.DGkdD5n9.js";
+import { u as S } from "../../../../chunks/useTimeout.Cq4aqnDe.js";
 function x() {
   const [l, r] = g({
     searchTerm: "",

package/dist/components/preact/SearchModal/hooks/useSearchHotkeys.js

@@ -1,4 +1,4 @@
-import { y as u } from "../../../../chunks/hooks.module.D9IrxdEh.js";
+import { y as u } from "../../../../chunks/hooks.module.DGkdD5n9.js";
 function a(t, r, n, o) {
   u(() => {
     if (!t) return;

package/dist/components/preact/SearchModal/hooks/useSearchLogger.js

@@ -1,4 +1,4 @@
-import { A as y, y as h, q as k } from "../../../../chunks/hooks.module.D9IrxdEh.js";
+import { A as y, y as h, q as k } from "../../../../chunks/hooks.module.DGkdD5n9.js";
 class s {
   /**
    * Pushes an event payload into the dataLayer.

package/dist/components/preact/SearchModal/hooks/useSearchParams.js

@@ -1,4 +1,4 @@
-import { y as c } from "../../../../chunks/hooks.module.D9IrxdEh.js";
+import { y as c } from "../../../../chunks/hooks.module.DGkdD5n9.js";
 function n(r, o, a) {
   c(() => {
     if (typeof location > "u" || r) return;

package/dist/components/preact/SearchModal/hooks/useSearchToggles.js

@@ -1,4 +1,4 @@
-import { y as a } from "../../../../chunks/hooks.module.D9IrxdEh.js";
+import { y as a } from "../../../../chunks/hooks.module.DGkdD5n9.js";
 function s(c, t, l) {
   a(() => {
     if (!c) return;

package/dist/components/preact/index.js

@@ -6,7 +6,7 @@ import { default as x } from "./SearchModal/components/SearchHeading/SearchHeadi
 import { default as i } from "./SearchModal/components/SearchToggle/SearchToggle.js";
 import { default as S } from "./AskNetlify/AskNetlify.js";
 import "preact";
-import "../../chunks/hooks.module.D9IrxdEh.js";
+import "../../chunks/hooks.module.DGkdD5n9.js";
 import { default as n } from "./SearchModal/components/SearchModal/SearchModal.js";
 export {
   S as AskNetlify,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "1.8.2",
+  "version": "1.8.4",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",

package/packages/components/preact/AskNetlify/components/ChatInterface.tsx

@@ -1,4 +1,4 @@
-import { useState, useRef } from 'preact/hooks';
+import { useState, useRef, useEffect } from 'preact/hooks';
 import { useChat } from '@kapaai/react-sdk';
 import { questions } from './QuestionList/questions';
 import { QuestionList } from './QuestionList/QuestionList';
@@ -11,8 +11,10 @@ interface Props {
 
 export default function ChatInterface({ setModalState }: Props) {
   const [message, setMessage] = useState('');
+  const [newMessageReady, setNewMessageReady] = useState(false);
   const chatRef = useRef<HTMLDivElement>(null);
   const menuRef = useRef<HTMLUListElement>(null);
+  const lastMessageRef = useRef<HTMLDivElement | null>(null);
 
   const { conversation, submitQuery, isGeneratingAnswer, isPreparingAnswer, stopGeneration } =
     useChat();
@@ -27,8 +29,21 @@ export default function ChatInterface({ setModalState }: Props) {
       submitQuery(text.trim());
     }
     if (!id) setMessage('');
+
+    setNewMessageReady(true);
   };
 
+  /*
+   * When a new user message is ready, scroll it into view and reset the flag.
+   * This ensures the most recent message is visible to the user immediately after rendering.
+   */
+  useEffect(() => {
+    if (newMessageReady && lastMessageRef.current) {
+      lastMessageRef.current.scrollIntoView({ behavior: 'smooth' });
+      setNewMessageReady(false);
+    }
+  }, [newMessageReady]);
+
   return (
     <div className="n-ask-chat-container">
       <BackButton onClick={() => setModalState?.({ current: 'search' })} />
@@ -36,7 +51,7 @@ export default function ChatInterface({ setModalState }: Props) {
         {!conversation.length ? (
           <QuestionList onClick={handleSubmit} menuRef={menuRef} />
         ) : (
-          <ChatMessages conversation={conversation} />
+          <ChatMessages conversation={conversation} lastMessageRef={lastMessageRef} />
         )}
       </div>
 
@@ -47,7 +62,7 @@ export default function ChatInterface({ setModalState }: Props) {
           value={message}
           onInput={e => setMessage(e.currentTarget.value)}
           placeholder="Ask a question..."
-          disabled={isGeneratingAnswer}
+          disabled={isPreparingAnswer || isGeneratingAnswer}
         />
 
         {isGeneratingAnswer ? (
@@ -57,7 +72,7 @@ export default function ChatInterface({ setModalState }: Props) {
             onClick={stopGeneration}
             aria-label="Stop generation"
           >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="var(--neutral-100)">
               <rect x="0" y="0" width="16" height="16" />
             </svg>
           </button>
@@ -68,7 +83,7 @@ export default function ChatInterface({ setModalState }: Props) {
             disabled={!message.trim() || isPreparingAnswer}
             aria-label="Send message"
           >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="var(--neutral-100)">
               <path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z" />
             </svg>
           </button>

package/packages/components/preact/AskNetlify/components/ChatMessages.tsx

@@ -1,33 +1,46 @@
 import { marked } from 'marked';
 import Icon from '../../Icon';
+import { Ref } from 'preact';
 
-export function ChatMessages({ conversation }: { conversation: any[] }) {
+export function ChatMessages({
+  conversation,
+  lastMessageRef,
+}: {
+  conversation: any[];
+  lastMessageRef: Ref<HTMLDivElement>;
+}) {
   return (
     <>
-      {conversation.map((qa, index) => (
-        <div key={qa.id || `qa-${index}`} class="n-ask-message">
-          <div class="n-ask-message-right">
-            <div class="n-ask-message-bubble n-ask-user-message">
-              <p>{qa.question}</p>
+      {conversation.map((qa, index) => {
+        const isLastMessage = index === conversation.length - 1;
+        return (
+          <div key={qa.id || `qa-${index}`} class="n-ask-message">
+            <div class="n-ask-message-right">
+              <div
+                ref={isLastMessage ? lastMessageRef : null}
+                class="n-ask-message-bubble n-ask-user-message"
+              >
+                <p>{qa.question}</p>
+              </div>
             </div>
-          </div>
 
-          <div class="n-ask-message-left">
-            {qa.answer ? (
-              <div class="n-ask-message-bubble n-ask-bot-message">
-                <div
-                  class="n-ask-message-answer prose flow"
-                  dangerouslySetInnerHTML={{ __html: marked.parse(qa.answer) }}
-                />
-              </div>
-            ) : (
-              <div class="n-ask-message-loader">
-                <Icon name="askNetlify" />
-              </div>
-            )}
+            <div class="n-ask-message-left">
+              {qa.answer ? (
+                <div class="n-ask-message-bubble n-ask-bot-message">
+                  <div
+                    class="n-ask-message-answer prose flow"
+                    dangerouslySetInnerHTML={{ __html: marked.parse(qa.answer) }}
+                  />
+                </div>
+              ) : (
+                <div class="n-ask-message-loader">
+                  <Icon name="askNetlify" />
+                </div>
+              )}
+            </div>
           </div>
-        </div>
-      ))}
+        );
+      })}
     </>
   );
 }

package/packages/components/preact/SearchModal/components/SearchLink/SearchLink.css

@@ -34,7 +34,7 @@
 
   & .n-search-link-icon :where(#ask-netlify-eyelid-left, #ask-netlify-eyelid-right) {
     animation: askEyeBlink 4s infinite;
-    animation-delay: 500ms;
+    animation-delay: 200ms;
   }
 }
 

package/dist/chunks/compat.module.DJD78v1z.js

@@ -1,175 +0,0 @@
-import { Component as f, options as a, createElement as d, Fragment as h, toChildArray as v } from "preact";
-import "./hooks.module.D9IrxdEh.js";
-function C(e, t) {
-  for (var r in t) e[r] = t[r];
-  return e;
-}
-function m(e, t) {
-  for (var r in e) if (r !== "__source" && !(r in t)) return !0;
-  for (var o in t) if (o !== "__source" && e[o] !== t[o]) return !0;
-  return !1;
-}
-function y(e, t) {
-  this.props = e, this.context = t;
-}
-(y.prototype = new f()).isPureReactComponent = !0, y.prototype.shouldComponentUpdate = function(e, t) {
-  return m(this.props, e) || m(this.state, t);
-};
-var b = a.__b;
-a.__b = function(e) {
-  e.type && e.type.__f && e.ref && (e.props.ref = e.ref, e.ref = null), b && b(e);
-};
-var x = typeof Symbol < "u" && Symbol.for && Symbol.for("react.forward_ref") || 3911;
-function z(e) {
-  function t(r) {
-    var o = C({}, r);
-    return delete o.ref, e(o, r.ref || null);
-  }
-  return t.$$typeof = x, t.render = t, t.prototype.isReactComponent = t.__f = !0, t.displayName = "ForwardRef(" + (e.displayName || e.name) + ")", t;
-}
-var U = a.__e;
-a.__e = function(e, t, r, o) {
-  if (e.then) {
-    for (var n, l = t; l = l.__; ) if ((n = l.__c) && n.__c) return t.__e == null && (t.__e = r.__e, t.__k = r.__k), n.__c(e, t);
-  }
-  U(e, t, r, o);
-};
-var g = a.unmount;
-function N(e, t, r) {
-  return e && (e.__c && e.__c.__H && (e.__c.__H.__.forEach(function(o) {
-    typeof o.__c == "function" && o.__c();
-  }), e.__c.__H = null), (e = C({}, e)).__c != null && (e.__c.__P === r && (e.__c.__P = t), e.__c.__e = !0, e.__c = null), e.__k = e.__k && e.__k.map(function(o) {
-    return N(o, t, r);
-  })), e;
-}
-function E(e, t, r) {
-  return e && r && (e.__v = null, e.__k = e.__k && e.__k.map(function(o) {
-    return E(o, t, r);
-  }), e.__c && e.__c.__P === t && (e.__e && r.appendChild(e.__e), e.__c.__e = !0, e.__c.__P = r)), e;
-}
-function p() {
-  this.__u = 0, this.o = null, this.__b = null;
-}
-function R(e) {
-  var t = e.__.__c;
-  return t && t.__a && t.__a(e);
-}
-function s() {
-  this.i = null, this.l = null;
-}
-a.unmount = function(e) {
-  var t = e.__c;
-  t && t.__R && t.__R(), t && 32 & e.__u && (e.type = null), g && g(e);
-}, (p.prototype = new f()).__c = function(e, t) {
-  var r = t.__c, o = this;
-  o.o == null && (o.o = []), o.o.push(r);
-  var n = R(o.__v), l = !1, _ = function() {
-    l || (l = !0, r.__R = null, n ? n(i) : i());
-  };
-  r.__R = _;
-  var i = function() {
-    if (!--o.__u) {
-      if (o.state.__a) {
-        var u = o.state.__a;
-        o.__v.__k[0] = E(u, u.__c.__P, u.__c.__O);
-      }
-      var c;
-      for (o.setState({ __a: o.__b = null }); c = o.o.pop(); ) c.forceUpdate();
-    }
-  };
-  o.__u++ || 32 & t.__u || o.setState({ __a: o.__b = o.__v.__k[0] }), e.then(_, _);
-}, p.prototype.componentWillUnmount = function() {
-  this.o = [];
-}, p.prototype.render = function(e, t) {
-  if (this.__b) {
-    if (this.__v.__k) {
-      var r = document.createElement("div"), o = this.__v.__k[0].__c;
-      this.__v.__k[0] = N(this.__b, r, o.__O = o.__P);
-    }
-    this.__b = null;
-  }
-  var n = t.__a && d(h, null, e.fallback);
-  return n && (n.__u &= -33), [d(h, null, t.__a ? null : e.children), n];
-};
-var k = function(e, t, r) {
-  if (++r[1] === r[0] && e.l.delete(t), e.props.revealOrder && (e.props.revealOrder[0] !== "t" || !e.l.size)) for (r = e.i; r; ) {
-    for (; r.length > 3; ) r.pop()();
-    if (r[1] < r[0]) break;
-    e.i = r = r[2];
-  }
-};
-(s.prototype = new f()).__a = function(e) {
-  var t = this, r = R(t.__v), o = t.l.get(e);
-  return o[0]++, function(n) {
-    var l = function() {
-      t.props.revealOrder ? (o.push(n), k(t, e, o)) : n();
-    };
-    r ? r(l) : l();
-  };
-}, s.prototype.render = function(e) {
-  this.i = null, this.l = /* @__PURE__ */ new Map();
-  var t = v(e.children);
-  e.revealOrder && e.revealOrder[0] === "b" && t.reverse();
-  for (var r = t.length; r--; ) this.l.set(t[r], this.i = [1, 0, this.i]);
-  return e.children;
-}, s.prototype.componentDidUpdate = s.prototype.componentDidMount = function() {
-  var e = this;
-  this.l.forEach(function(t, r) {
-    k(e, r, t);
-  });
-};
-var A = typeof Symbol < "u" && Symbol.for && Symbol.for("react.element") || 60103, V = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, W = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, H = /[A-Z0-9]/g, $ = typeof document < "u", j = function(e) {
-  return (typeof Symbol < "u" && typeof Symbol() == "symbol" ? /fil|che|rad/ : /fil|che|ra/).test(e);
-};
-f.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(e) {
-  Object.defineProperty(f.prototype, e, { configurable: !0, get: function() {
-    return this["UNSAFE_" + e];
-  }, set: function(t) {
-    Object.defineProperty(this, e, { configurable: !0, writable: !0, value: t });
-  } });
-});
-var P = a.event;
-function D() {
-}
-function F() {
-  return this.cancelBubble;
-}
-function B() {
-  return this.defaultPrevented;
-}
-a.event = function(e) {
-  return P && (e = P(e)), e.persist = D, e.isPropagationStopped = F, e.isDefaultPrevented = B, e.nativeEvent = e;
-};
-var L = { enumerable: !1, configurable: !0, get: function() {
-  return this.class;
-} }, O = a.vnode;
-a.vnode = function(e) {
-  typeof e.type == "string" && function(t) {
-    var r = t.props, o = t.type, n = {}, l = o.indexOf("-") === -1;
-    for (var _ in r) {
-      var i = r[_];
-      if (!(_ === "value" && "defaultValue" in r && i == null || $ && _ === "children" && o === "noscript" || _ === "class" || _ === "className")) {
-        var u = _.toLowerCase();
-        _ === "defaultValue" && "value" in r && r.value == null ? _ = "value" : _ === "download" && i === !0 ? i = "" : u === "translate" && i === "no" ? i = !1 : u[0] === "o" && u[1] === "n" ? u === "ondoubleclick" ? _ = "ondblclick" : u !== "onchange" || o !== "input" && o !== "textarea" || j(r.type) ? u === "onfocus" ? _ = "onfocusin" : u === "onblur" ? _ = "onfocusout" : W.test(_) && (_ = u) : u = _ = "oninput" : l && V.test(_) ? _ = _.replace(H, "-$&").toLowerCase() : i === null && (i = void 0), u === "oninput" && n[_ = u] && (_ = "oninputCapture"), n[_] = i;
-      }
-    }
-    o == "select" && n.multiple && Array.isArray(n.value) && (n.value = v(r.children).forEach(function(c) {
-      c.props.selected = n.value.indexOf(c.props.value) != -1;
-    })), o == "select" && n.defaultValue != null && (n.value = v(r.children).forEach(function(c) {
-      c.props.selected = n.multiple ? n.defaultValue.indexOf(c.props.value) != -1 : n.defaultValue == c.props.value;
-    })), r.class && !r.className ? (n.class = r.class, Object.defineProperty(n, "className", L)) : (r.className && !r.class || r.class && r.className) && (n.class = n.className = r.className), t.props = n;
-  }(e), e.$$typeof = A, O && O(e);
-};
-var S = a.__r;
-a.__r = function(e) {
-  S && S(e), e.__c;
-};
-var w = a.diffed;
-a.diffed = function(e) {
-  w && w(e);
-  var t = e.props, r = e.__e;
-  r != null && e.type === "textarea" && "value" in t && t.value !== r.value && (r.value = t.value == null ? "" : t.value);
-};
-export {
-  z as D
-};

package/dist/chunks/hooks.module.D9IrxdEh.js

@@ -1,138 +0,0 @@
-import { options as x } from "preact";
-var v, n, H, y, m = 0, C = [], u = x, A = u.__b, q = u.__r, F = u.diffed, g = u.__c, k = u.unmount, T = u.__;
-function d(_, t) {
-  u.__h && u.__h(n, _, m || t), m = 0;
-  var r = n.__H || (n.__H = { __: [], __h: [] });
-  return _ >= r.__.length && r.__.push({}), r.__[_];
-}
-function S(_) {
-  return m = 1, z(j, _);
-}
-function z(_, t, r) {
-  var o = d(v++, 2);
-  if (o.t = _, !o.__c && (o.__ = [r ? r(t) : j(void 0, t), function(c) {
-    var e = o.__N ? o.__N[0] : o.__[0], f = o.t(e, c);
-    e !== f && (o.__N = [f, o.__[1]], o.__c.setState({}));
-  }], o.__c = n, !n.__f)) {
-    var a = function(c, e, f) {
-      if (!o.__c.__H) return !0;
-      var l = o.__c.__H.__.filter(function(i) {
-        return !!i.__c;
-      });
-      if (l.every(function(i) {
-        return !i.__N;
-      })) return !h || h.call(this, c, e, f);
-      var E = o.__c.props !== c;
-      return l.forEach(function(i) {
-        if (i.__N) {
-          var w = i.__[0];
-          i.__ = i.__N, i.__N = void 0, w !== i.__[0] && (E = !0);
-        }
-      }), h && h.call(this, c, e, f) || E;
-    };
-    n.__f = !0;
-    var h = n.shouldComponentUpdate, N = n.componentWillUpdate;
-    n.componentWillUpdate = function(c, e, f) {
-      if (this.__e) {
-        var l = h;
-        h = void 0, a(c, e, f), h = l;
-      }
-      N && N.call(this, c, e, f);
-    }, n.shouldComponentUpdate = a;
-  }
-  return o.__N || o.__;
-}
-function G(_, t) {
-  var r = d(v++, 3);
-  !u.__s && W(r.__H, t) && (r.__ = _, r.u = t, n.__H.__h.push(r));
-}
-function I(_) {
-  return m = 5, b(function() {
-    return { current: _ };
-  }, []);
-}
-function b(_, t) {
-  var r = d(v++, 7);
-  return W(r.__H, t) && (r.__ = _(), r.__H = t, r.__h = _), r.__;
-}
-function J(_, t) {
-  return m = 8, b(function() {
-    return _;
-  }, t);
-}
-function B() {
-  for (var _; _ = C.shift(); ) if (_.__P && _.__H) try {
-    _.__H.__h.forEach(s), _.__H.__h.forEach(p), _.__H.__h = [];
-  } catch (t) {
-    _.__H.__h = [], u.__e(t, _.__v);
-  }
-}
-u.__b = function(_) {
-  n = null, A && A(_);
-}, u.__ = function(_, t) {
-  _ && t.__k && t.__k.__m && (_.__m = t.__k.__m), T && T(_, t);
-}, u.__r = function(_) {
-  q && q(_), v = 0;
-  var t = (n = _.__c).__H;
-  t && (H === n ? (t.__h = [], n.__h = [], t.__.forEach(function(r) {
-    r.__N && (r.__ = r.__N), r.u = r.__N = void 0;
-  })) : (t.__h.forEach(s), t.__h.forEach(p), t.__h = [], v = 0)), H = n;
-}, u.diffed = function(_) {
-  F && F(_);
-  var t = _.__c;
-  t && t.__H && (t.__H.__h.length && (C.push(t) !== 1 && y === u.requestAnimationFrame || ((y = u.requestAnimationFrame) || D)(B)), t.__H.__.forEach(function(r) {
-    r.u && (r.__H = r.u), r.u = void 0;
-  })), H = n = null;
-}, u.__c = function(_, t) {
-  t.some(function(r) {
-    try {
-      r.__h.forEach(s), r.__h = r.__h.filter(function(o) {
-        return !o.__ || p(o);
-      });
-    } catch (o) {
-      t.some(function(a) {
-        a.__h && (a.__h = []);
-      }), t = [], u.__e(o, r.__v);
-    }
-  }), g && g(_, t);
-}, u.unmount = function(_) {
-  k && k(_);
-  var t, r = _.__c;
-  r && r.__H && (r.__H.__.forEach(function(o) {
-    try {
-      s(o);
-    } catch (a) {
-      t = a;
-    }
-  }), r.__H = void 0, t && u.__e(t, r.__v));
-};
-var U = typeof requestAnimationFrame == "function";
-function D(_) {
-  var t, r = function() {
-    clearTimeout(o), U && cancelAnimationFrame(t), setTimeout(_);
-  }, o = setTimeout(r, 35);
-  U && (t = requestAnimationFrame(r));
-}
-function s(_) {
-  var t = n, r = _.__c;
-  typeof r == "function" && (_.__c = void 0, r()), n = t;
-}
-function p(_) {
-  var t = n;
-  _.__c = _.__(), n = t;
-}
-function W(_, t) {
-  return !_ || _.length !== t.length || t.some(function(r, o) {
-    return r !== _[o];
-  });
-}
-function j(_, t) {
-  return typeof t == "function" ? t(_) : t;
-}
-export {
-  I as A,
-  b as T,
-  S as d,
-  J as q,
-  G as y
-};