@netlify/spark-ui 1.0.3-alpha.1 → 1.1.0

package/packages/components/preact/SearchModal/components/SearchModal/SearchModal.tsx

@@ -14,26 +14,21 @@ import {
   useSearchToggles,
   useSearchLogger,
 } from '../../hooks';
-import { useTimeout } from '@utils/useTimeout';
-
-import AskNetlify from '../../../../preact/AskNetlify/AskNetlify';
 
 import './SearchModal.css';
 
 interface Props {
   children: ComponentChildren;
   className?: string;
-  debug?: boolean;
+  debug?: boolean
 }
 
-function SearchModal(props: Props = { className: '', children: null, debug: false }) {
+function SearchModal(props: Props = {className: '', children: null, debug: false }) {
   const [isPagefindLoaded, setIsPagefindLoaded] = useState(false);
-  const [modalState, setModalState] = useState({ current: 'search' });
-  const [askNetlifyQuery, setAskNetlifyQuery] = useState('');
 
   // Poll for the existence of window.pagefind.
   useEffect(() => {
-    let intervalId: number;
+    let intervalId:number;
 
     const checkForPagefind = () => {
       if (window.pagefind) {
@@ -50,18 +45,19 @@ function SearchModal(props: Props = { className: '', children: null, debug: fals
     return () => clearInterval(intervalId);
   }, []);
 
+
   const { children, className, debug, ...rest } = props;
   const { state, actions } = useSearch();
-
   const [searchOpen, setSearchOpen] = useState(false);
+
   const openSearch = () => setSearchOpen(true);
   const closeSearch = () => setSearchOpen(false);
 
   const modalRef = useRef<HTMLDialogElement>(null);
   const containerRef = useClickOutside<HTMLDivElement>(closeSearch);
 
-  useSearchLogger(state, debug);
-  useSearchToggles(isPagefindLoaded, openSearch);
+  useSearchLogger(state, debug)
+  useSearchToggles(isPagefindLoaded,  openSearch);
   useSearchParams(isPagefindLoaded, actions.setSearchTerm, openSearch);
   useSearchHotkeys(isPagefindLoaded, searchOpen, openSearch, closeSearch);
   useKeyboardNav(isPagefindLoaded, modalRef, searchOpen, closeSearch);
@@ -71,64 +67,31 @@ function SearchModal(props: Props = { className: '', children: null, debug: fals
     searchOpen ? modalRef.current.showModal() : modalRef.current.close();
   }, [searchOpen]);
 
-  useEffect(() => {
-    const input = modalRef.current?.querySelector('input');
-
-    if (input) input.focus();
-
-    if (modalState.current === 'ask') {
-      setTimeout(() => {
-        modalRef.current.classList.add('n-search-modal-ask');
-      }, 150);
-    } else if (modalState.current === 'search') {
-      setTimeout(() => {
-        modalRef.current.classList.remove('n-search-modal-ask');
-      }, 150);
-    }
-  }, [modalState.current]);
-
   return (
-    <Modal
-      ref={modalRef}
-      className={`n-search-modal ${className ? className : ''}`}
-      data-state={modalState.current}
-      {...rest}
-    >
+    <Modal ref={modalRef} className={`n-search-modal ${className ? className : ''}`} {...rest}>
       <div ref={containerRef} className="n-search-container">
-        {modalState.current === 'ask' && (
-          <AskNetlify query={askNetlifyQuery} setModalState={setModalState} />
-        )}
-        {modalState.current === 'search' && (
-          <>
-            <SearchInput
-              setSearchTerm={actions.setSearchTerm}
-              setAskNetlifyQuery={setAskNetlifyQuery}
-              initialValue={state.searchTerm}
-            />
-
-            <SearchWindow
-              setModalState={setModalState}
-              searchLoading={state.isLoading}
-              searchTerm={state.searchTerm}
-              results={state.results}
-            >
-              {children}
-            </SearchWindow>
-
-            <div className="n-search-footer">
-              <p className="n-search-footer-tip">
-                <KeyboardKey keyNames={['Esc']} />
-                to closed
-              </p>
-              <p className="n-search-footer-tip">
-                <KeyboardKey keyNames={['Tab']} />
-                <span>or</span>
-                <KeyboardKey keyNames={['↑', '↓']} />
-                to navigate
-              </p>
-            </div>
-          </>
-        )}
+          <SearchInput setSearchTerm={actions.setSearchTerm} initialValue={state.searchTerm} />
+
+        <SearchWindow
+          searchLoading={state.isLoading}
+          searchTerm={state.searchTerm}
+          results={state.results}
+        >
+          {children}
+        </SearchWindow>
+
+        <div className="n-search-footer">
+          <p className="n-search-footer-tip">
+            <KeyboardKey keyNames={['Esc']} />
+            to close
+          </p>
+          <p className="n-search-footer-tip">
+            <KeyboardKey keyNames={['Tab']} />
+            <span>or</span>
+            <KeyboardKey keyNames={['↑', '↓']} />
+            to navigate
+          </p>
+        </div>
       </div>
     </Modal>
   );

package/packages/components/preact/SearchModal/components/SearchWindow.tsx

@@ -4,8 +4,6 @@ import { useMemo } from 'preact/hooks';
 import SearchHeading from './SearchHeading/SearchHeading';
 import SearchLink from './SearchLink/SearchLink';
 
-import Icon from '@components/preact/Icon';
-
 /* --- Search Results Window (for active searches) --- */
 const SearchResults: FunctionComponent<SearchResultsProps> = ({
   searchLoading,
@@ -22,9 +20,9 @@ const SearchResults: FunctionComponent<SearchResultsProps> = ({
 
   if (!results || results.length === 0) {
     return (
-      <SearchHeading>
-        0 results for <span className="n-search-term">{searchTerm}</span>
-      </SearchHeading>
+        <SearchHeading>
+          0 results for <span className="n-search-term">{searchTerm}</span>
+        </SearchHeading>
     );
   }
 
@@ -45,38 +43,29 @@ const SearchResults: FunctionComponent<SearchResultsProps> = ({
 
 /* --- Main Search Results Component --- */
 export default function SearchWindow({
-  setModalState,
   searchLoading,
   searchTerm,
   results,
   children: DefaultWindow,
 }: SearchWindowProps) {
+  const askNetlify: SearchLinkProps = {
+    icon: 'sparkles',
+    label: 'Ask Netlify AI',
+    url: 'https://docs.netlify.com/ask-netlify/',
+  };
+
   return (
     <div className="n-search-window">
       <div className="search-links">
+        <SearchLink {...askNetlify} />
         {searchTerm && searchTerm.length > 1 ? (
-          <SearchResults searchLoading={searchLoading} searchTerm={searchTerm} results={results} />
+          <SearchResults
+            searchLoading={searchLoading}
+            searchTerm={searchTerm}
+            results={results}
+          />
         ) : DefaultWindow ? (
-          <>
-            <button
-              class="btn-ask-netlify n-search-link"
-              onClick={() => {
-                setModalState({ current: 'ask' });
-              }}
-            >
-              <span className="n-search-link-icon">
-                <Icon name={'netlify'} />
-              </span>
-              <div className="n-search-link-body">
-                <p className="n-search-link-title">Ask Netlify AI</p>
-              </div>
-              <div className="n-search-link-icon">
-                <Icon name="caretRight" />
-              </div>
-            </button>
-
-            {DefaultWindow}
-          </>
+          DefaultWindow
         ) : null}
       </div>
     </div>

package/packages/components/preact/SearchModal/hooks/useKeyboardNav.ts

@@ -21,7 +21,7 @@ export function useKeyboardNav(
   onClose: () => void
 ) {
   useEffect(() => {
-    if (!isPagefindLoaded) return;
+    if (!isPagefindLoaded) return 
     const handleKeydown = (e: KeyboardEvent) => {
       if (!isOpen) return;
 
@@ -35,7 +35,7 @@ export function useKeyboardNav(
         const container = containerRef.current;
         if (!container) return;
 
-        const links = Array.from(container.querySelectorAll('.n-search-link'));
+        const links = Array.from(container.querySelectorAll('a'));
         const currentIndex = links.findIndex(link => link === document.activeElement);
         const nextIndex =
           e.key === 'ArrowDown'

package/packages/components/preact/SearchModal/types/search.types.tsx

@@ -10,7 +10,6 @@ export interface SearchLinkProps {
 }
 
 export interface SearchWindowProps {
-  setModalState: (e: { current: string }) => void;
   searchLoading: boolean;
   searchTerm?: string;
   results?: SearchLinkProps[];
@@ -34,4 +33,4 @@ export interface SearchGTMObjectProps {
   resultUrl?: string;
   query?: string;
   debug_mode?: boolean;
-}
+}

package/packages/components/preact/index.ts

@@ -4,7 +4,6 @@ export { default as Icon } from './Icon';
 export { default as SearchLink } from './SearchModal/components/SearchLink/SearchLink';
 export { default as SearchHeading } from './SearchModal/components/SearchHeading/SearchHeading';
 export { default as SearchToggle } from './SearchModal/components/SearchToggle/SearchToggle';
-export { default as AskNetlify } from "./AskNetlify/AskNetlify"
 export { SearchModal } from './SearchModal';
 
 export { type IconName } from './Icon';

package/packages/styles/tokens.css

@@ -55,7 +55,7 @@
   --font-family-mono: "Martian Mono", ui-monospace, "Cascadia Code", "Source Code Pro", "Menlo", "Consolas", "DejaVu Sans Mono", monospace;
   --font-family-text: "Instrument Sans", system-ui, "Helvetica", sans-serif;
   --font-size-display-2xl: 4rem;
-  --font-size-display-2xs: 1.125rem;
+  --font-size-display-2xs: 1.25rem;
   --font-size-display-3xl: 4.5rem;
   --font-size-display-4xl: 5rem;
   --font-size-display-lg: 3rem;
@@ -94,7 +94,7 @@
   --green-800: color(srgb 0.058823529411764705 0.2901960784313726 0.12941176470588237);
   --green-900: color(srgb 0.08235294117647059 0.16470588235294117 0.09803921568627451);
   --heading-text-color: var(--neutral-800);
-  --line-height-heading: 1.2;
+  --line-height-heading: 1.25;
   --line-height-none: 1;
   --line-height-text: 1.5;
   --neutral-000: color(srgb 1 1 1);
@@ -314,7 +314,7 @@
     --color-success-text: var(--green-900);
     --color-text: var(--teal-000);
     --color-text-accent: var(--teal-600);
-    --color-text-weak: var(--neutral-200);
+    --color-text-weak: var(--neutral-300);
     --color-text-weaker: var(--neutral-400);
     --color-warning-bg: var(--gold-200);
     --color-warning-border: var(--gold-400);
@@ -368,7 +368,7 @@
   --color-success-text: var(--green-900);
   --color-text: var(--teal-000);
   --color-text-accent: var(--teal-600);
-  --color-text-weak: var(--neutral-200);
+  --color-text-weak: var(--neutral-300);
   --color-text-weaker: var(--neutral-400);
   --color-warning-bg: var(--gold-200);
   --color-warning-border: var(--gold-400);

package/dist/assets/AskNetlify.css

@@ -1 +0,0 @@
-.chat-container{opacity:0;animation:appearContainer .35s ease-in-out forwards;animation-delay:.3s}@keyframes appearContainer{0%{opacity:0}to{opacity:1}}.conversation{height:calc(var(--n-search-container-height) + var(--n-search-footer-height));padding:var(--n-search-padding-inline);scroll-behavior:smooth;overflow-y:auto;display:grid;align-items:flex-end;gap:var(--space-s)}.message{display:grid;gap:var(--space-s)}.message-bubble{padding:1rem;background:var(--neutral-light-100);border-radius:var(--radius-l);width:fit-content;max-width:85%;font-size:var(--step-0)}.prose{font-size:var(--step--0)}.prose>*+*{margin-top:var(--flow-space, var(--space-xs))}.prose h1,.prose h2,.prose h3{font-size:var(--step-1)}.prose h4,.prose h5,.prose h6{font-size:var(--step-0)}.prose pre{background:var(--neutral-light-700);border-radius:var(--radius-m);max-width:100%;box-sizing:border-box}.prose code{overflow-x:scroll}.prose code[class*=language-],.prose pre[class*=language-]{display:block;padding:var(--space-s)}.user-message{margin-inline-start:auto;background:var(--blue-000)}.form-wrapper{display:flex;align-items:center;position:relative;height:var(--n-search-input-height)}.form-wrapper:after{content:"";display:block;width:100%;height:1px;background:var(--neutral-light-100);position:absolute;top:0;left:0}.form-input{border:none;outline:none;padding-inline:var(--n-search-padding-inline)}.form-submit{padding:.7rem;border-radius:var(--radius-pill);margin-inline-end:var(--space-2xs);border:none;background:var(--blue-600);color:var(--neutral-000);transition:filter .3s ease-out}.form-submit>svg{width:1rem;height:auto;aspect-ratio:1 / 1;border-radius:1.5px}.form-submit[disabled]{filter:saturate(0)}.button-back{width:fit-content;background:transparent;position:absolute;padding:.6rem 1rem;background:var(--color-bg);margin:1rem;border:2px solid var(--color-bg-3);border-radius:var(--radius-pill);font-size:var(--step--1);border:1px solid;cursor:pointer;border-color:var(--neutral-300);color:var(--neutral-800);border-width:.5px}.pulsing{display:block;width:1rem;height:1rem;clip-path:circle(40%);background:var(--blue-700);animation:pulsing 2.5s infinite ease-in-out}@keyframes pulsing{0%,to{transform:scale(.9)}50%{transform:scale(1.05)}}

package/dist/assets/Orb.css

@@ -1 +0,0 @@
-@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}:root{--bg: oklch(12.9% .042 264.695);--c1: oklch(44.4% .177 26.899);--c2: oklch(85.2% .199 91.936);--c3: oklch(58.8% .158 241.966)}.orb{display:grid;grid-template-areas:"stack";inline-size:min(80vmin,100%);aspect-ratio:1;overflow:hidden;border-radius:50%}.orb:before,.orb:after{content:"";display:block;grid-area:stack;width:100%;height:100%;border-radius:50%;transform:translateZ(0)}.orb:before{background:conic-gradient(from calc(var(--angle) * 2) at 25% 70%,var(--c3),transparent 20% 80%,var(--c3)),conic-gradient(from calc(var(--angle) * 2) at 45% 75%,var(--c2),transparent 30% 60%,var(--c2)),conic-gradient(from calc(var(--angle) * -3) at 80% 20%,var(--c1),transparent 40% 60%,var(--c1)),conic-gradient(from calc(var(--angle) * 2) at 15% 5%,var(--c2),transparent 10% 90%,var(--c2)),conic-gradient(from calc(var(--angle) * 1) at 20% 80%,var(--c1),transparent 10% 90%,var(--c1)),conic-gradient(from calc(var(--angle) * -2) at 85% 10%,var(--c3),transparent 20% 80%,var(--c3));box-shadow:inset var(--bg) 0 0 5vmin 1vmin;filter:blur(3vmin) contrast(5);animation:rotate 20s linear infinite}.orb:after{--dot: 1.5px;background-image:radial-gradient(circle at center,var(--bg) var(--dot),transparent var(--dot));background-size:calc(var(--dot) * 2) calc(var(--dot) * 2);-webkit-mask-image:radial-gradient(black 25%,transparent 75%);mask-image:radial-gradient(black 25%,transparent 75%);-webkit-backdrop-filter:blur(8vmin) contrast(10);backdrop-filter:blur(8vmin) contrast(10);mix-blend-mode:overlay}@keyframes rotate{to{--angle: 360deg}}

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

@@ -1,296 +0,0 @@
-import { Component as p, options as l, createElement as f, Fragment as h, toChildArray as s, createRef as Q, createContext as X, cloneElement as ee, render as m, hydrate as te } from "preact";
-import { x as T, d as N, A as D, h as I, T as L, _ as y, F as M, g as V, y as S, P as F, q as W } from "./hooks.module.DeYLzLnU.js";
-function H(e, t) {
-  for (var n in t) e[n] = t[n];
-  return e;
-}
-function g(e, t) {
-  for (var n in e) if (n !== "__source" && !(n in t)) return !0;
-  for (var r in t) if (r !== "__source" && e[r] !== t[r]) return !0;
-  return !1;
-}
-function B(e, t) {
-  var n = t(), r = N({ t: { __: n, u: t } }), o = r[0].t, a = r[1];
-  return y(function() {
-    o.__ = n, o.u = t, C(o) && a({ t: o });
-  }, [e, n, t]), S(function() {
-    return C(o) && a({ t: o }), e(function() {
-      C(o) && a({ t: o });
-    });
-  }, [e]), n;
-}
-function C(e) {
-  var t, n, r = e.u, o = e.__;
-  try {
-    var a = r();
-    return !((t = o) === (n = a) && (t !== 0 || 1 / t == 1 / n) || t != t && n != n);
-  } catch {
-    return !0;
-  }
-}
-function z(e) {
-  e();
-}
-function j(e) {
-  return e;
-}
-function q() {
-  return [!1, z];
-}
-var Z = y;
-function E(e, t) {
-  this.props = e, this.context = t;
-}
-function ne(e, t) {
-  function n(o) {
-    var a = this.props.ref, u = a == o.ref;
-    return !u && a && (a.call ? a(null) : a.current = null), t ? !t(this.props, o) || !u : g(this.props, o);
-  }
-  function r(o) {
-    return this.shouldComponentUpdate = n, f(e, o);
-  }
-  return r.displayName = "Memo(" + (e.displayName || e.name) + ")", r.prototype.isReactComponent = !0, r.__f = !0, r;
-}
-(E.prototype = new p()).isPureReactComponent = !0, E.prototype.shouldComponentUpdate = function(e, t) {
-  return g(this.props, e) || g(this.state, t);
-};
-var R = l.__b;
-l.__b = function(e) {
-  e.type && e.type.__f && e.ref && (e.props.ref = e.ref, e.ref = null), R && R(e);
-};
-var re = typeof Symbol < "u" && Symbol.for && Symbol.for("react.forward_ref") || 3911;
-function oe(e) {
-  function t(n) {
-    var r = H({}, n);
-    return delete r.ref, e(r, n.ref || null);
-  }
-  return t.$$typeof = re, t.render = t, t.prototype.isReactComponent = t.__f = !0, t.displayName = "ForwardRef(" + (e.displayName || e.name) + ")", t;
-}
-var k = function(e, t) {
-  return e == null ? null : s(s(e).map(t));
-}, ue = { map: k, forEach: k, count: function(e) {
-  return e ? s(e).length : 0;
-}, only: function(e) {
-  var t = s(e);
-  if (t.length !== 1) throw "Children.only";
-  return t[0];
-}, toArray: s }, ae = l.__e;
-l.__e = function(e, t, n, r) {
-  if (e.then) {
-    for (var o, a = t; a = a.__; ) if ((o = a.__c) && o.__c) return t.__e == null && (t.__e = n.__e, t.__k = n.__k), o.__c(e, t);
-  }
-  ae(e, t, n, r);
-};
-var O = l.unmount;
-function Y(e, t, n) {
-  return e && (e.__c && e.__c.__H && (e.__c.__H.__.forEach(function(r) {
-    typeof r.__c == "function" && r.__c();
-  }), e.__c.__H = null), (e = H({}, e)).__c != null && (e.__c.__P === n && (e.__c.__P = t), e.__c.__e = !0, e.__c = null), e.__k = e.__k && e.__k.map(function(r) {
-    return Y(r, t, n);
-  })), e;
-}
-function G(e, t, n) {
-  return e && n && (e.__v = null, e.__k = e.__k && e.__k.map(function(r) {
-    return G(r, t, n);
-  }), e.__c && e.__c.__P === t && (e.__e && n.appendChild(e.__e), e.__c.__e = !0, e.__c.__P = n)), e;
-}
-function v() {
-  this.__u = 0, this.o = null, this.__b = null;
-}
-function J(e) {
-  var t = e.__.__c;
-  return t && t.__a && t.__a(e);
-}
-function ie(e) {
-  var t, n, r;
-  function o(a) {
-    if (t || (t = e()).then(function(u) {
-      n = u.default || u;
-    }, function(u) {
-      r = u;
-    }), r) throw r;
-    if (!n) throw t;
-    return f(n, a);
-  }
-  return o.displayName = "Lazy", o.__f = !0, o;
-}
-function d() {
-  this.i = null, this.l = null;
-}
-l.unmount = function(e) {
-  var t = e.__c;
-  t && t.__R && t.__R(), t && 32 & e.__u && (e.type = null), O && O(e);
-}, (v.prototype = new p()).__c = function(e, t) {
-  var n = t.__c, r = this;
-  r.o == null && (r.o = []), r.o.push(n);
-  var o = J(r.__v), a = !1, u = function() {
-    a || (a = !0, n.__R = null, o ? o(_) : _());
-  };
-  n.__R = u;
-  var _ = function() {
-    if (!--r.__u) {
-      if (r.state.__a) {
-        var i = r.state.__a;
-        r.__v.__k[0] = G(i, i.__c.__P, i.__c.__O);
-      }
-      var c;
-      for (r.setState({ __a: r.__b = null }); c = r.o.pop(); ) c.forceUpdate();
-    }
-  };
-  r.__u++ || 32 & t.__u || r.setState({ __a: r.__b = r.__v.__k[0] }), e.then(u, u);
-}, v.prototype.componentWillUnmount = function() {
-  this.o = [];
-}, v.prototype.render = function(e, t) {
-  if (this.__b) {
-    if (this.__v.__k) {
-      var n = document.createElement("div"), r = this.__v.__k[0].__c;
-      this.__v.__k[0] = Y(this.__b, n, r.__O = r.__P);
-    }
-    this.__b = null;
-  }
-  var o = t.__a && f(h, null, e.fallback);
-  return o && (o.__u &= -33), [f(h, null, t.__a ? null : e.children), o];
-};
-var P = function(e, t, n) {
-  if (++n[1] === n[0] && e.l.delete(t), e.props.revealOrder && (e.props.revealOrder[0] !== "t" || !e.l.size)) for (n = e.i; n; ) {
-    for (; n.length > 3; ) n.pop()();
-    if (n[1] < n[0]) break;
-    e.i = n = n[2];
-  }
-};
-function le(e) {
-  return this.getChildContext = function() {
-    return e.context;
-  }, e.children;
-}
-function _e(e) {
-  var t = this, n = e.h;
-  t.componentWillUnmount = function() {
-    m(null, t.v), t.v = null, t.h = null;
-  }, t.h && t.h !== n && t.componentWillUnmount(), t.v || (t.h = n, t.v = { nodeType: 1, parentNode: n, childNodes: [], contains: function() {
-    return !0;
-  }, appendChild: function(r) {
-    this.childNodes.push(r), t.h.appendChild(r);
-  }, insertBefore: function(r, o) {
-    this.childNodes.push(r), t.h.insertBefore(r, o);
-  }, removeChild: function(r) {
-    this.childNodes.splice(this.childNodes.indexOf(r) >>> 1, 1), t.h.removeChild(r);
-  } }), m(f(le, { context: t.context }, e.__v), t.v);
-}
-function ce(e, t) {
-  var n = f(_e, { __v: e, h: t });
-  return n.containerInfo = t, n;
-}
-(d.prototype = new p()).__a = function(e) {
-  var t = this, n = J(t.__v), r = t.l.get(e);
-  return r[0]++, function(o) {
-    var a = function() {
-      t.props.revealOrder ? (r.push(o), P(t, e, r)) : o();
-    };
-    n ? n(a) : a();
-  };
-}, d.prototype.render = function(e) {
-  this.i = null, this.l = /* @__PURE__ */ new Map();
-  var t = s(e.children);
-  e.revealOrder && e.revealOrder[0] === "b" && t.reverse();
-  for (var n = t.length; n--; ) this.l.set(t[n], this.i = [1, 0, this.i]);
-  return e.children;
-}, d.prototype.componentDidUpdate = d.prototype.componentDidMount = function() {
-  var e = this;
-  this.l.forEach(function(t, n) {
-    P(e, n, t);
-  });
-};
-var K = typeof Symbol < "u" && Symbol.for && Symbol.for("react.element") || 60103, se = /^(?: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]/, fe = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, pe = /[A-Z0-9]/g, de = typeof document < "u", he = function(e) {
-  return (typeof Symbol < "u" && typeof Symbol() == "symbol" ? /fil|che|rad/ : /fil|che|ra/).test(e);
-};
-function ve(e, t, n) {
-  return t.__k == null && (t.textContent = ""), m(e, t), typeof n == "function" && n(), e ? e.__c : null;
-}
-function me(e, t, n) {
-  return te(e, t), typeof n == "function" && n(), e ? e.__c : null;
-}
-p.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(e) {
-  Object.defineProperty(p.prototype, e, { configurable: !0, get: function() {
-    return this["UNSAFE_" + e];
-  }, set: function(t) {
-    Object.defineProperty(this, e, { configurable: !0, writable: !0, value: t });
-  } });
-});
-var w = l.event;
-function ye() {
-}
-function be() {
-  return this.cancelBubble;
-}
-function Ce() {
-  return this.defaultPrevented;
-}
-l.event = function(e) {
-  return w && (e = w(e)), e.persist = ye, e.isPropagationStopped = be, e.isDefaultPrevented = Ce, e.nativeEvent = e;
-};
-var x, ge = { enumerable: !1, configurable: !0, get: function() {
-  return this.class;
-} }, U = l.vnode;
-l.vnode = function(e) {
-  typeof e.type == "string" && function(t) {
-    var n = t.props, r = t.type, o = {}, a = r.indexOf("-") === -1;
-    for (var u in n) {
-      var _ = n[u];
-      if (!(u === "value" && "defaultValue" in n && _ == null || de && u === "children" && r === "noscript" || u === "class" || u === "className")) {
-        var i = u.toLowerCase();
-        u === "defaultValue" && "value" in n && n.value == null ? u = "value" : u === "download" && _ === !0 ? _ = "" : i === "translate" && _ === "no" ? _ = !1 : i[0] === "o" && i[1] === "n" ? i === "ondoubleclick" ? u = "ondblclick" : i !== "onchange" || r !== "input" && r !== "textarea" || he(n.type) ? i === "onfocus" ? u = "onfocusin" : i === "onblur" ? u = "onfocusout" : fe.test(u) && (u = i) : i = u = "oninput" : a && se.test(u) ? u = u.replace(pe, "-$&").toLowerCase() : _ === null && (_ = void 0), i === "oninput" && o[u = i] && (u = "oninputCapture"), o[u] = _;
-      }
-    }
-    r == "select" && o.multiple && Array.isArray(o.value) && (o.value = s(n.children).forEach(function(c) {
-      c.props.selected = o.value.indexOf(c.props.value) != -1;
-    })), r == "select" && o.defaultValue != null && (o.value = s(n.children).forEach(function(c) {
-      c.props.selected = o.multiple ? o.defaultValue.indexOf(c.props.value) != -1 : o.defaultValue == c.props.value;
-    })), n.class && !n.className ? (o.class = n.class, Object.defineProperty(o, "className", ge)) : (n.className && !n.class || n.class && n.className) && (o.class = o.className = n.className), t.props = o;
-  }(e), e.$$typeof = K, U && U(e);
-};
-var $ = l.__r;
-l.__r = function(e) {
-  $ && $(e), x = e.__c;
-};
-var A = l.diffed;
-l.diffed = function(e) {
-  A && A(e);
-  var t = e.props, n = e.__e;
-  n != null && e.type === "textarea" && "value" in t && t.value !== n.value && (n.value = t.value == null ? "" : t.value), x = null;
-};
-var Ee = { ReactCurrentDispatcher: { current: { readContext: function(e) {
-  return x.__n[e.__c].props.value;
-}, useCallback: W, useContext: T, useDebugValue: F, useDeferredValue: j, useEffect: S, useId: V, useImperativeHandle: M, useInsertionEffect: Z, useLayoutEffect: y, useMemo: L, useReducer: I, useRef: D, useState: N, useSyncExternalStore: B, useTransition: q } } };
-function Ne(e) {
-  return f.bind(null, e);
-}
-function b(e) {
-  return !!e && e.$$typeof === K;
-}
-function Se(e) {
-  return b(e) && e.type === h;
-}
-function xe(e) {
-  return !!e && !!e.displayName && (typeof e.displayName == "string" || e.displayName instanceof String) && e.displayName.startsWith("Memo(");
-}
-function Re(e) {
-  return b(e) ? ee.apply(null, arguments) : e;
-}
-function ke(e) {
-  return !!e.__k && (m(null, e), !0);
-}
-function Oe(e) {
-  return e && (e.base || e.nodeType === 1 && e) || null;
-}
-var Pe = function(e, t) {
-  return e(t);
-}, we = function(e, t) {
-  return e(t);
-}, Ue = h, $e = b, De = { useState: N, useId: V, useReducer: I, useEffect: S, useLayoutEffect: y, useInsertionEffect: Z, useTransition: q, useDeferredValue: j, useSyncExternalStore: B, startTransition: z, useRef: D, useImperativeHandle: M, useMemo: L, useCallback: W, useContext: T, useDebugValue: F, version: "18.3.1", Children: ue, render: ve, hydrate: me, unmountComponentAtNode: ke, createPortal: ce, createElement: f, createContext: X, createFactory: Ne, cloneElement: Re, createRef: Q, Fragment: h, isValidElement: b, isElement: $e, isFragment: Se, isMemo: xe, findDOMNode: Oe, Component: p, PureComponent: E, memo: ne, forwardRef: oe, flushSync: we, unstable_batchedUpdates: Pe, StrictMode: Ue, Suspense: v, SuspenseList: d, lazy: ie, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: Ee };
-export {
-  B as C,
-  oe as D,
-  De as R,
-  Re as _
-};