@netlify/spark-ui 0.0.32 → 0.0.34

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

@@ -1,106 +1,62 @@
-import { u as n } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { A as O, y as v, d as N } from "../../../../../chunks/hooks.module.BFfOesdf.js";
+import { u as e } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
+import { A as N, y as u, d as v } from "../../../../../chunks/hooks.module.BFfOesdf.js";
 import T from "../../../Modal/Modal.js";
-import p from "../../../KeyboardKey/KeyboardKey.js";
-import b from "../SearchWindow.js";
-import I from "../SearchInput.js";
-import { useSearch as L } from "../../hooks/useSearch.js";
-import { useKeyboardNav as P } from "../../hooks/useKeyboardNav.js";
-import { useSearchHotkeys as E } from "../../hooks/useSearchHotkeys.js";
-import { useSearchParams as j } from "../../hooks/useSearchParams.js";
-import { useSearchToggles as k } from "../../hooks/useSearchToggles.js";
-import '../../../../../assets/SearchModal.css';function x(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-var h = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var w;
-function C() {
-  return w || (w = 1, function(t) {
-    (function() {
-      var s = {}.hasOwnProperty;
-      function o() {
-        for (var e = "", r = 0; r < arguments.length; r++) {
-          var a = arguments[r];
-          a && (e = l(e, c(a)));
-        }
-        return e;
-      }
-      function c(e) {
-        if (typeof e == "string" || typeof e == "number")
-          return e;
-        if (typeof e != "object")
-          return "";
-        if (Array.isArray(e))
-          return o.apply(null, e);
-        if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
-          return e.toString();
-        var r = "";
-        for (var a in e)
-          s.call(e, a) && e[a] && (r = l(r, a));
-        return r;
-      }
-      function l(e, r) {
-        return r ? e ? e + " " + r : e + r : e;
-      }
-      t.exports ? (o.default = o, t.exports = o) : window.classNames = o;
-    })();
-  }(h)), h.exports;
-}
-var M = C();
-const A = /* @__PURE__ */ x(M);
-function K(t) {
-  const s = O(null);
-  return v(() => {
-    function o(c) {
-      s.current && !s.current.contains(c.target) && t();
+import d from "../../../KeyboardKey/KeyboardKey.js";
+import k from "../SearchWindow.js";
+import w from "../SearchInput.js";
+import { useSearch as I } from "../../hooks/useSearch.js";
+import { useKeyboardNav as L } from "../../hooks/useKeyboardNav.js";
+import { useSearchHotkeys as O } from "../../hooks/useSearchHotkeys.js";
+import { useSearchParams as P } from "../../hooks/useSearchParams.js";
+import { useSearchToggles as E } from "../../hooks/useSearchToggles.js";
+import '../../../../../assets/SearchModal.css';function K(s) {
+  const r = N(null);
+  return u(() => {
+    function t(i) {
+      r.current && !r.current.contains(i.target) && s();
     }
-    return document.addEventListener("mousedown", o), () => {
-      document.removeEventListener("mousedown", o);
+    return document.addEventListener("mousedown", t), () => {
+      document.removeEventListener("mousedown", t);
     };
-  }, [t]), s;
+  }, [s]), r;
 }
-function J(t = { className: "", children: null }) {
-  const [s, o] = N(!1);
-  v(() => {
-    let f;
-    const y = () => {
-      window.pagefind && (o(!0), f && clearInterval(f));
+function j(s = { className: "", children: null }) {
+  const [r, t] = v(!1);
+  u(() => {
+    let c;
+    const S = () => {
+      window.pagefind && (t(!0), c && clearInterval(c));
     };
-    return y(), f = setInterval(y, 100), () => clearInterval(f);
+    return S(), c = setInterval(S, 100), () => clearInterval(c);
   }, []);
-  const { children: c, className: l, ...e } = t, { state: r, actions: a } = L(), [u, S] = N(!1), m = () => S(!0), d = () => S(!1), i = O(null), g = K(d);
-  return k(s, m), j(s, a.setSearchTerm, m), E(s, u, m, d), P(s, i, u, d), v(() => {
-    i.current && (u ? i.current.showModal() : i.current.close());
-  }, [u]), /* @__PURE__ */ n(T, { ref: i, className: A(l, "n-search-modal"), ...e, children: /* @__PURE__ */ n("div", { ref: g, className: "n-search-container", children: [
-    /* @__PURE__ */ n(I, { setSearchTerm: a.setSearchTerm, initialValue: r.searchTerm }),
-    /* @__PURE__ */ n(
-      b,
+  const { children: i, className: f, ...g } = s, { state: n, actions: h } = I(), [o, p] = v(!1), l = () => p(!0), m = () => p(!1), a = N(null), y = K(m);
+  return E(r, l), P(r, h.setSearchTerm, l), O(r, o, l, m), L(r, a, o, m), u(() => {
+    a.current && (o ? a.current.showModal() : a.current.close());
+  }, [o]), /* @__PURE__ */ e(T, { ref: a, className: `n-search-modal ${f || ""}`, ...g, children: /* @__PURE__ */ e("div", { ref: y, className: "n-search-container", children: [
+    /* @__PURE__ */ e(w, { setSearchTerm: h.setSearchTerm, initialValue: n.searchTerm }),
+    /* @__PURE__ */ e(
+      k,
       {
-        searchLoading: r.isLoading,
-        searchTerm: r.searchTerm,
-        results: r.results,
-        children: c
+        searchLoading: n.isLoading,
+        searchTerm: n.searchTerm,
+        results: n.results,
+        children: i
       }
     ),
-    /* @__PURE__ */ n("div", { className: "n-search-footer", children: [
-      /* @__PURE__ */ n("p", { className: "n-search-footer-tip", children: [
-        /* @__PURE__ */ n(p, { keyNames: ["Esc"] }),
+    /* @__PURE__ */ e("div", { className: "n-search-footer", children: [
+      /* @__PURE__ */ e("p", { className: "n-search-footer-tip", children: [
+        /* @__PURE__ */ e(d, { keyNames: ["Esc"] }),
         "to close"
       ] }),
-      /* @__PURE__ */ n("p", { className: "n-search-footer-tip", children: [
-        /* @__PURE__ */ n(p, { keyNames: ["Tab"] }),
-        /* @__PURE__ */ n("span", { children: "or" }),
-        /* @__PURE__ */ n(p, { keyNames: ["↑", "↓"] }),
+      /* @__PURE__ */ e("p", { className: "n-search-footer-tip", children: [
+        /* @__PURE__ */ e(d, { keyNames: ["Tab"] }),
+        /* @__PURE__ */ e("span", { children: "or" }),
+        /* @__PURE__ */ e(d, { keyNames: ["↑", "↓"] }),
         "to navigate"
       ] })
     ] })
   ] }) });
 }
 export {
-  J as default
+  j as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",
@@ -32,7 +32,6 @@
   },
   "dependencies": {
     "@preact/preset-vite": "^2.10.1",
-    "classnames": "^2.5.1",
     "glob": "^11.0.1",
     "preact": "^10.26.4",
     "vite": "^6.2.5",
@@ -57,4 +56,4 @@
     "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1"
   }
-}
+}

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

@@ -1,6 +1,5 @@
 import { type ComponentChildren } from 'preact';
 import { useState, useEffect, useRef } from 'preact/hooks';
-import cn from "classnames"
 
 import Modal from '../../../../preact/Modal/Modal';
 import KeyboardKey from '../../../../preact/KeyboardKey/KeyboardKey';
@@ -66,7 +65,7 @@ function SearchModal(props: Props = {className: '', children: null}) {
   }, [searchOpen]);
 
   return (
-    <Modal ref={modalRef} className={cn(className, 'n-search-modal')} {...rest}>
+    <Modal ref={modalRef} className={`n-search-modal ${className ? className : ''}`} {...rest}>
       <div ref={containerRef} className="n-search-container">
           <SearchInput setSearchTerm={actions.setSearchTerm} initialValue={state.searchTerm} />