@publish.os/nextjs 0.0.1-alpha.6 → 0.0.1-alpha.8

package/dist/kernel/components/blocks/search.js

@@ -1,7 +1,7 @@
 "use client";
 
-// src/kernel/components/blocks/search.tsx
-import { buttonVariants } from "../ui/button.js";
+// src/components/block/search.tsx
+import { buttonVariants } from "@publish.os/nextjs/kernel/components/ui/button";
 import {
   Dialog,
   DialogBackdrop,
@@ -11,45 +11,22 @@ import {
   DialogPortal,
   DialogTitle,
   DialogTrigger
-} from "../ui/dialog.js";
-import { Input } from "../ui/input.js";
-import { Kbd } from "../ui/kbd.js";
+} from "@publish.os/nextjs/kernel/components/ui/dialog";
+import { Input } from "@publish.os/nextjs/kernel/components/ui/input";
+import { Kbd } from "@publish.os/nextjs/kernel/components/ui/kbd";
 import {
   Progress,
   ProgressIndicator,
   ProgressTrack
-} from "../ui/progress.js";
-import { ScrollArea } from "../ui/scroll-area.js";
+} from "@publish.os/nextjs/kernel/components/ui/progress";
+import { ScrollArea } from "@publish.os/nextjs/kernel/components/ui/scroll-area";
+import { FrameworkSearchIcon as SearchIcon } from "@publish.os/nextjs/kernel/framework-icons";
 import { formatShortcut } from "@publish.os/nextjs/keyboard-shortcuts";
 import {
   SearchProvider,
   useSearchBlock
 } from "@publish.os/nextjs/search";
-
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/kernel/components/blocks/search.tsx
-import { Search as SearchIcon } from "lucide-react";
+import { cn } from "@publish.os/nextjs/utils/cn";
 import NextLink from "next/link";
 import {
   cloneElement,
@@ -60,12 +37,7 @@ import {
   useState
 } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var SEARCH_ROW_HEIGHT = 58;
-var SEARCH_ROW_WITH_DESCRIPTION_HEIGHT = 72;
-var SEARCH_RESULTS_PADDING = 16;
-var SEARCH_RESULTS_MAX_HEIGHT = 360;
-var SEARCH_RESULT_SNIPPET_LENGTH = 180;
-var searchProgressConfig = {
+var SEARCH_ROW_HEIGHT = 58, SEARCH_ROW_WITH_DESCRIPTION_HEIGHT = 72, SEARCH_RESULTS_PADDING = 16, SEARCH_RESULTS_MAX_HEIGHT = 360, SEARCH_RESULT_SNIPPET_LENGTH = 180, searchProgressConfig = {
   completeDelay: 100,
   exitDuration: 150,
   fastPhaseEnd: 25,
@@ -75,78 +47,45 @@ var searchProgressConfig = {
   targetProgress: 95
 };
 function SearchProgressBar({ className }) {
-  const {
+  let {
     state: { isTyping, loading, status }
-  } = useSearchBlock();
-  const [progress, setProgress] = useState(0);
-  const [isExiting, setIsExiting] = useState(false);
-  const animationFrame = useRef(null);
-  const cleanupTimer = useRef(null);
-  const progressRef = useRef(0);
-  const active = loading || status === "building" || status === "stale";
-  const setProgressValue = useCallback((value) => {
-    progressRef.current = value;
-    setProgress(value);
-  }, []);
-  const cleanup = useCallback(() => {
-    if (animationFrame.current !== null) {
-      window.cancelAnimationFrame(animationFrame.current);
-      animationFrame.current = null;
-    }
-    if (cleanupTimer.current) {
-      window.clearTimeout(cleanupTimer.current);
-      cleanupTimer.current = null;
-    }
+  } = useSearchBlock(), [progress, setProgress] = useState(0), [isExiting, setIsExiting] = useState(!1), animationFrame = useRef(null), cleanupTimer = useRef(null), progressRef = useRef(0), active = loading || status === "building" || status === "stale", setProgressValue = useCallback((value) => {
+    progressRef.current = value, setProgress(value);
+  }, []), cleanup = useCallback(() => {
+    animationFrame.current !== null && (window.cancelAnimationFrame(animationFrame.current), animationFrame.current = null), cleanupTimer.current && (window.clearTimeout(cleanupTimer.current), cleanupTimer.current = null);
   }, []);
   useEffect(() => {
     if (isTyping) {
-      cleanup();
-      setProgressValue(0);
-      setIsExiting(false);
+      cleanup(), setProgressValue(0), setIsExiting(!1);
       return;
     }
     if (!active) {
-      if (progressRef.current > 0) {
-        cleanup();
-        setProgressValue(100);
-        cleanupTimer.current = window.setTimeout(() => {
-          setIsExiting(true);
-          cleanupTimer.current = window.setTimeout(() => {
-            setProgressValue(0);
-            setIsExiting(false);
-            cleanupTimer.current = null;
-          }, searchProgressConfig.exitDuration);
-        }, searchProgressConfig.completeDelay);
-      }
+      progressRef.current > 0 && (cleanup(), setProgressValue(100), cleanupTimer.current = window.setTimeout(() => {
+        setIsExiting(!0), cleanupTimer.current = window.setTimeout(() => {
+          setProgressValue(0), setIsExiting(!1), cleanupTimer.current = null;
+        }, searchProgressConfig.exitDuration);
+      }, searchProgressConfig.completeDelay));
       return;
     }
-    cleanup();
-    setIsExiting(false);
-    setProgressValue(searchProgressConfig.initialProgress);
-    const start = performance.now();
-    const animate = (now) => {
-      const elapsed = now - start;
-      let progressValue;
-      if (elapsed < searchProgressConfig.minDuration) {
+    cleanup(), setIsExiting(!1), setProgressValue(searchProgressConfig.initialProgress);
+    let start = performance.now(), animate = (now) => {
+      let elapsed = now - start, progressValue;
+      if (elapsed < searchProgressConfig.minDuration)
         progressValue = searchProgressConfig.initialProgress + elapsed / searchProgressConfig.minDuration * (searchProgressConfig.fastPhaseEnd - searchProgressConfig.initialProgress);
-      } else {
-        const remainingProgress = searchProgressConfig.targetProgress - searchProgressConfig.fastPhaseEnd;
-        const normalizedTime = Math.min(
+      else {
+        let remainingProgress = searchProgressConfig.targetProgress - searchProgressConfig.fastPhaseEnd, easedTime = 1 - (1 - Math.min(
           1,
           (elapsed - searchProgressConfig.minDuration) / (searchProgressConfig.maxDuration - searchProgressConfig.minDuration)
-        );
-        const easedTime = 1 - (1 - normalizedTime) ** 3;
+        )) ** 3;
         progressValue = searchProgressConfig.fastPhaseEnd + easedTime * remainingProgress;
       }
       setProgressValue(
         Math.min(searchProgressConfig.targetProgress, progressValue)
-      );
-      animationFrame.current = window.requestAnimationFrame(animate);
+      ), animationFrame.current = window.requestAnimationFrame(animate);
     };
-    animationFrame.current = window.requestAnimationFrame(animate);
-    return cleanup;
+    return animationFrame.current = window.requestAnimationFrame(animate), cleanup;
   }, [active, cleanup, isTyping, setProgressValue]);
-  const isVisible = progress > 0;
+  let isVisible = progress > 0;
   return /* @__PURE__ */ jsx(
     Progress,
     {
@@ -175,7 +114,7 @@ function RootDialogFrame({
   children,
   className
 }) {
-  const {
+  let {
     actions: { setOpen },
     meta: { variant },
     state: { open }
@@ -186,40 +125,35 @@ function Root({ children, className, ...providerProps }) {
   return /* @__PURE__ */ jsx(SearchProvider, { ...providerProps, children: /* @__PURE__ */ jsx(RootDialogFrame, { className, children }) });
 }
 function Trigger({
-  asChild = false,
+  asChild = !1,
   children,
   className,
   icon,
   placeholder = "Search...",
   shortcut,
   shortcutClassName,
-  showIcon = true,
-  showShortcut = true,
+  showIcon = !0,
+  showShortcut = !0,
   size = "sm",
   variant = "outline"
 }) {
-  const {
+  let {
     meta: { inputId, shortcut: registeredShortcut },
     state: { open }
-  } = useSearchBlock();
-  const visibleShortcut = shortcut ?? registeredShortcut;
-  const shortcutTokens = useMemo(
+  } = useSearchBlock(), visibleShortcut = shortcut ?? registeredShortcut, shortcutTokens = useMemo(
     () => formatShortcut(visibleShortcut),
     [visibleShortcut]
   );
-  if (asChild && children) {
-    return /* @__PURE__ */ jsx(
-      DialogTrigger,
-      {
-        render: cloneElement(children, {
-          "aria-controls": inputId,
-          "aria-expanded": open,
-          className: cn(children.props.className, className)
-        })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
+  return asChild && children ? /* @__PURE__ */ jsx(
+    DialogTrigger,
+    {
+      render: cloneElement(children, {
+        "aria-controls": inputId,
+        "aria-expanded": open,
+        className: cn(children.props.className, className)
+      })
+    }
+  ) : /* @__PURE__ */ jsxs(
     DialogTrigger,
     {
       "aria-controls": inputId,
@@ -255,11 +189,11 @@ function DialogContent({
   description = "Search this site and navigate to a result.",
   title = "Search"
 }) {
-  const {
+  let {
     meta: { variant }
   } = useSearchBlock();
   return /* @__PURE__ */ jsxs(DialogPortal, { children: [
-    /* @__PURE__ */ jsx(DialogBackdrop, { className: "bg-overlay-background backdrop-blur-[2px]" }),
+    /* @__PURE__ */ jsx(DialogBackdrop, { className: "bg-backdrop backdrop-blur-[2px]" }),
     /* @__PURE__ */ jsxs(
       DialogPopup,
       {
@@ -283,42 +217,36 @@ function SearchInputField({
   closeLabel = "ESC",
   placeholder = "Search docs...",
   rootClassName,
-  showCloseShortcut = true
+  showCloseShortcut = !0
 }) {
-  const {
+  let {
     actions: { handleInputChange, navigateToResult, setOpen, setSelectedValue },
     meta: { inputId, inputRef, listId },
     state: { displayResults, query, selectedValue }
-  } = useSearchBlock();
-  const closeDisplayLabel = typeof closeLabel === "string" ? closeLabel.toUpperCase() : closeLabel;
-  const selectedIndex2 = Math.max(
+  } = useSearchBlock(), closeDisplayLabel = typeof closeLabel == "string" ? closeLabel.toUpperCase() : closeLabel, selectedIndex2 = Math.max(
     0,
     displayResults.findIndex((result) => result.id === selectedValue)
-  );
-  const selectedOptionId = displayResults.length > 0 ? resultOptionId(listId, selectedIndex2) : void 0;
-  const handleKeyDown = (event) => {
+  ), selectedOptionId = displayResults.length > 0 ? resultOptionId(listId, selectedIndex2) : void 0, handleKeyDown = (event) => {
     if (event.key === "Escape") {
-      event.preventDefault();
-      setOpen(false);
+      event.preventDefault(), setOpen(!1);
       return;
     }
     if (event.key === "ArrowDown") {
       event.preventDefault();
-      const next = displayResults[Math.min(selectedIndex2 + 1, displayResults.length - 1)];
-      if (next) setSelectedValue(next.id);
+      let next = displayResults[Math.min(selectedIndex2 + 1, displayResults.length - 1)];
+      next && setSelectedValue(next.id);
       return;
     }
     if (event.key === "ArrowUp") {
       event.preventDefault();
-      const next = displayResults[Math.max(selectedIndex2 - 1, 0)];
-      if (next) setSelectedValue(next.id);
+      let next = displayResults[Math.max(selectedIndex2 - 1, 0)];
+      next && setSelectedValue(next.id);
       return;
     }
     if (event.key === "Enter") {
-      const selected = displayResults[selectedIndex2];
+      let selected = displayResults[selectedIndex2];
       if (!selected) return;
-      event.preventDefault();
-      navigateToResult(selected);
+      event.preventDefault(), navigateToResult(selected);
     }
   };
   return /* @__PURE__ */ jsxs(
@@ -345,7 +273,7 @@ function SearchInputField({
             placeholder,
             ref: inputRef,
             role: "combobox",
-            spellCheck: false,
+            spellCheck: !1,
             type: "text",
             value: query
           }
@@ -369,7 +297,7 @@ function SearchResults({
   className,
   emptyText = "No results found."
 }) {
-  const {
+  let {
     actions: { navigateToResult, setOpen, setSelectedValue },
     meta: { listId, listRef },
     state: {
@@ -381,34 +309,21 @@ function SearchResults({
       selectedValue,
       status
     }
-  } = useSearchBlock();
-  const hasQuery = query.trim().length > 0;
-  const showResults = displayResults.length > 0;
-  const statusMessage = message ?? statusLabel(status);
-  const showStatusPanel = hasQuery && !isTyping && !loading && !showResults && (status === "building" || status === "stale" || status === "error");
-  const showEmptyPanel = hasQuery && !isTyping && !loading && !showResults && !showStatusPanel && status === "ready";
-  const showPanel = showResults || showStatusPanel || showEmptyPanel;
-  const resultRowHeight = displayResults.some(
+  } = useSearchBlock(), hasQuery = query.trim().length > 0, showResults = displayResults.length > 0, statusMessage = message ?? statusLabel(status), showStatusPanel = hasQuery && !isTyping && !loading && !showResults && (status === "building" || status === "stale" || status === "error"), showEmptyPanel = hasQuery && !isTyping && !loading && !showResults && !showStatusPanel && status === "ready", showPanel = showResults || showStatusPanel || showEmptyPanel, resultRowHeight = displayResults.some(
     (result) => resultSnippet({ query, result })
-  ) ? SEARCH_ROW_WITH_DESCRIPTION_HEIGHT : SEARCH_ROW_HEIGHT;
-  const fullResultsHeight = displayResults.length * resultRowHeight + SEARCH_RESULTS_PADDING;
-  const resultsAreScrollable = fullResultsHeight > SEARCH_RESULTS_MAX_HEIGHT;
-  const resultsHeight = Math.min(fullResultsHeight, SEARCH_RESULTS_MAX_HEIGHT);
-  const panelHeight = showResults ? resultsHeight : showStatusPanel || showEmptyPanel ? 144 : 0;
-  const containerDuration = showResults ? Math.min(320, 150 + displayResults.length * 18) : 180;
-  useEffect(() => {
+  ) ? SEARCH_ROW_WITH_DESCRIPTION_HEIGHT : SEARCH_ROW_HEIGHT, fullResultsHeight = displayResults.length * resultRowHeight + SEARCH_RESULTS_PADDING, resultsAreScrollable = fullResultsHeight > SEARCH_RESULTS_MAX_HEIGHT, resultsHeight = Math.min(fullResultsHeight, SEARCH_RESULTS_MAX_HEIGHT), panelHeight = showResults ? resultsHeight : showStatusPanel || showEmptyPanel ? 144 : 0, containerDuration = showResults ? Math.min(320, 150 + displayResults.length * 18) : 180;
+  return useEffect(() => {
     if (!selectedValue || !showResults) return;
-    const frame = window.requestAnimationFrame(() => {
-      const index = selectedIndex(displayResults, selectedValue);
+    let frame = window.requestAnimationFrame(() => {
+      let index = selectedIndex(displayResults, selectedValue);
       document.getElementById(resultOptionId(listId, index))?.scrollIntoView({ block: "nearest" });
     });
     return () => window.cancelAnimationFrame(frame);
-  }, [displayResults, listId, selectedValue, showResults]);
-  return /* @__PURE__ */ jsx(
+  }, [displayResults, listId, selectedValue, showResults]), /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
-        "relative grid rounded-b-[inherit] bg-surface-1 transition-[grid-template-rows,opacity] ease-[cubic-bezier(0.4,0,0.2,1)] before:pointer-events-none before:absolute before:inset-x-0 before:top-0 before:z-10 before:h-px before:bg-stroke-3 before:transition-opacity motion-reduce:transition-none",
+        "relative grid rounded-b-[inherit] bg-surface-1 transition-[grid-template-rows,opacity] ease-[cubic-bezier(0.4,0,0.2,1)] before:pointer-events-none before:absolute before:inset-x-0 before:top-0 before:z-content before:h-px before:bg-stroke-3 before:transition-opacity motion-reduce:transition-none",
         showPanel ? "opacity-100" : "opacity-0",
         showPanel ? "before:opacity-100" : "before:opacity-0",
         className
@@ -447,7 +362,7 @@ function SearchResults({
           ScrollArea,
           {
             className: "h-full",
-            mask: resultsAreScrollable ? { height: 40, triggerSize: 32 } : false,
+            mask: resultsAreScrollable ? { height: 40, triggerSize: 32 } : !1,
             scrollbar: resultsAreScrollable,
             variant: "gradient",
             children: /* @__PURE__ */ jsx(
@@ -459,23 +374,21 @@ function SearchResults({
                 ref: listRef,
                 role: "listbox",
                 children: displayResults.map((result, index) => {
-                  const snippet = resultSnippet({ query, result });
+                  let snippet = resultSnippet({ query, result });
                   return /* @__PURE__ */ jsxs(
                     NextLink,
                     {
                       "aria-selected": result.id === selectedValue,
                       className: cn(
                         "block min-h-[58px] min-w-0 overflow-hidden rounded-[max(calc(var(--radius-dialog)_-_0.25rem),0px)] px-3 py-2 text-left transition-colors",
-                        "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+                        "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-stroke",
                         result.id === selectedValue ? "bg-surface-active text-foreground-1" : "text-foreground-2"
                       ),
                       href: result.url,
                       id: resultOptionId(listId, index),
-                      onClick: () => setOpen(false),
+                      onClick: () => setOpen(!1),
                       onKeyDown: (event) => {
-                        if (event.key !== "Enter") return;
-                        event.preventDefault();
-                        navigateToResult(result);
+                        event.key === "Enter" && (event.preventDefault(), navigateToResult(result));
                       },
                       onMouseEnter: () => setSelectedValue(result.id),
                       onMouseMove: () => setSelectedValue(result.id),
@@ -504,10 +417,7 @@ function SearchResults({
   );
 }
 function statusLabel(status) {
-  if (status === "building") return "Building search index...";
-  if (status === "stale") return "Updating search index...";
-  if (status === "error") return "Search is temporarily unavailable";
-  return "Searching...";
+  return status === "building" ? "Building search index..." : status === "stale" ? "Updating search index..." : status === "error" ? "Search is temporarily unavailable" : "Searching...";
 }
 function resultOptionId(listId, index) {
   return `${listId}-result-${index}`;
@@ -519,128 +429,87 @@ function selectedIndex(results, selectedValue) {
   );
 }
 function cleanResultPath(url) {
-  const path = url.split("#")[0]?.replace(/^\/+|\/+$/g, "") ?? "";
-  return path || "/";
+  return (url.split("#")[0]?.replace(/^\/+|\/+$/g, "") ?? "") || "/";
 }
 function resultSubtitle(result) {
-  const section = result.meta.section ?? result.meta.group;
-  const path = cleanResultPath(result.meta.path ?? result.url);
-  if (section && path && !path.startsWith(section)) {
-    return `${section} / ${path}`;
-  }
-  return path || section || result.url;
+  let section = result.meta.section ?? result.meta.group, path = cleanResultPath(result.meta.path ?? result.url);
+  return section && path && !path.startsWith(section) ? `${section} / ${path}` : path || section || result.url;
 }
 function normalizedSnippetText(text) {
   return (text ?? "").replace(/\s+/g, " ").trim();
 }
 function queryMatches(text, query) {
-  const normalizedQuery = query.trim().toLowerCase();
-  if (!normalizedQuery) return false;
-  const lower = text.toLowerCase();
-  if (lower.includes(normalizedQuery)) return true;
-  return normalizedQuery.split(/\s+/).filter((term) => term.length > 1).some((term) => lower.includes(term));
+  let normalizedQuery = query.trim().toLowerCase();
+  if (!normalizedQuery) return !1;
+  let lower = text.toLowerCase();
+  return lower.includes(normalizedQuery) ? !0 : normalizedQuery.split(/\s+/).filter((term) => term.length > 1).some((term) => lower.includes(term));
 }
 function firstMatchIndex(text, query) {
-  const normalizedQuery = query.trim().toLowerCase();
+  let normalizedQuery = query.trim().toLowerCase();
   if (!normalizedQuery) return -1;
-  const lower = text.toLowerCase();
-  const phraseIndex = lower.indexOf(normalizedQuery);
-  if (phraseIndex >= 0) return phraseIndex;
-  return normalizedQuery.split(/\s+/).filter((term) => term.length > 1).map((term) => lower.indexOf(term)).filter((index) => index >= 0).sort((left, right) => left - right)[0] ?? -1;
+  let lower = text.toLowerCase(), phraseIndex = lower.indexOf(normalizedQuery);
+  return phraseIndex >= 0 ? phraseIndex : normalizedQuery.split(/\s+/).filter((term) => term.length > 1).map((term) => lower.indexOf(term)).filter((index) => index >= 0).sort((left, right) => left - right)[0] ?? -1;
 }
 function contextualSnippet({
   length = SEARCH_RESULT_SNIPPET_LENGTH,
   query,
   text
 }) {
-  const normalizedText = normalizedSnippetText(text);
+  let normalizedText = normalizedSnippetText(text);
   if (normalizedText.length <= length) return normalizedText;
-  const matchIndex = firstMatchIndex(normalizedText, query);
+  let matchIndex = firstMatchIndex(normalizedText, query);
   if (matchIndex < 0) return `${normalizedText.slice(0, length).trimEnd()}...`;
-  const halfLength = Math.floor(length / 2);
-  let start = Math.max(0, matchIndex - halfLength);
-  let end = Math.min(normalizedText.length, start + length);
-  if (end - start < length) {
-    start = Math.max(0, end - length);
-  }
-  if (start > 0) {
-    const nextSpace = normalizedText.indexOf(" ", start);
-    if (nextSpace > start && nextSpace < matchIndex) {
-      start = nextSpace + 1;
-    }
+  let halfLength = Math.floor(length / 2), start = Math.max(0, matchIndex - halfLength), end = Math.min(normalizedText.length, start + length);
+  if (end - start < length && (start = Math.max(0, end - length)), start > 0) {
+    let nextSpace = normalizedText.indexOf(" ", start);
+    nextSpace > start && nextSpace < matchIndex && (start = nextSpace + 1);
   }
   if (end < normalizedText.length) {
-    const previousSpace = normalizedText.lastIndexOf(" ", end);
-    if (previousSpace > matchIndex) {
-      end = previousSpace;
-    }
+    let previousSpace = normalizedText.lastIndexOf(" ", end);
+    previousSpace > matchIndex && (end = previousSpace);
   }
-  const prefix = start > 0 ? "... " : "";
-  const suffix = end < normalizedText.length ? " ..." : "";
+  let prefix = start > 0 ? "... " : "", suffix = end < normalizedText.length ? " ..." : "";
   return `${prefix}${normalizedText.slice(start, end).trim()}${suffix}`;
 }
 function resultSnippet({
   query,
   result
 }) {
-  const description = normalizedSnippetText(result.meta.description);
-  if (description && queryMatches(description, query)) {
+  let description = normalizedSnippetText(result.meta.description);
+  if (description && queryMatches(description, query))
     return contextualSnippet({ query, text: description });
-  }
-  const excerpt = normalizedSnippetText(result.plainExcerpt);
-  if (excerpt) {
-    return contextualSnippet({ query, text: excerpt });
-  }
-  return description ? contextualSnippet({ query, text: description }) : "";
+  let excerpt = normalizedSnippetText(result.plainExcerpt);
+  return excerpt ? contextualSnippet({ query, text: excerpt }) : description ? contextualSnippet({ query, text: description }) : "";
 }
 function HighlightedText({ query, text }) {
-  const normalizedQuery = query.trim().toLowerCase();
+  let normalizedQuery = query.trim().toLowerCase();
   if (!normalizedQuery) return text;
-  const lower = text.toLowerCase();
-  const phraseStart = lower.indexOf(normalizedQuery);
-  const terms = phraseStart >= 0 ? [normalizedQuery] : normalizedQuery.split(/\s+/).filter((term) => term.length > 1);
+  let lower = text.toLowerCase(), terms = lower.indexOf(normalizedQuery) >= 0 ? [normalizedQuery] : normalizedQuery.split(/\s+/).filter((term) => term.length > 1);
   if (terms.length === 0) return text;
-  const ranges = terms.flatMap((term) => {
-    const termRanges = [];
-    let start = lower.indexOf(term);
-    while (start >= 0) {
-      termRanges.push({ end: start + term.length, start });
-      start = lower.indexOf(term, start + term.length);
-    }
+  let ranges = terms.flatMap((term) => {
+    let termRanges = [], start = lower.indexOf(term);
+    for (; start >= 0; )
+      termRanges.push({ end: start + term.length, start }), start = lower.indexOf(term, start + term.length);
     return termRanges;
-  }).sort((left, right) => left.start - right.start);
-  const mergedRanges = [];
-  for (const range of ranges) {
-    const previous = mergedRanges.at(-1);
-    if (previous && range.start <= previous.end) {
-      previous.end = Math.max(previous.end, range.end);
-    } else {
-      mergedRanges.push({ ...range });
-    }
+  }).sort((left, right) => left.start - right.start), mergedRanges = [];
+  for (let range of ranges) {
+    let previous = mergedRanges.at(-1);
+    previous && range.start <= previous.end ? previous.end = Math.max(previous.end, range.end) : mergedRanges.push({ ...range });
   }
   if (mergedRanges.length === 0) return text;
-  const parts = [];
-  let cursor = 0;
-  for (const range of mergedRanges) {
-    if (range.start > cursor) {
-      parts.push(text.slice(cursor, range.start));
-    }
-    parts.push(
+  let parts = [], cursor = 0;
+  for (let range of mergedRanges)
+    range.start > cursor && parts.push(text.slice(cursor, range.start)), parts.push(
       /* @__PURE__ */ jsx(
         "mark",
         {
-          className: "rounded-[1px] bg-accent-soft text-accent-1",
+          className: "rounded-[1px] bg-accent-2 text-accent-1",
           children: text.slice(range.start, range.end)
         },
         `${range.start}-${range.end}`
       )
-    );
-    cursor = range.end;
-  }
-  if (cursor < text.length) {
-    parts.push(text.slice(cursor));
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: parts });
+    ), cursor = range.end;
+  return cursor < text.length && parts.push(text.slice(cursor)), /* @__PURE__ */ jsx(Fragment, { children: parts });
 }
 function Command({ children, className } = {}) {
   return /* @__PURE__ */ jsx(
@@ -652,7 +521,7 @@ function Command({ children, className } = {}) {
       ),
       children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(SearchInputField, {}),
-        /* @__PURE__ */ jsx(SearchProgressBar, { className: "absolute inset-x-0 top-12 z-10" }),
+        /* @__PURE__ */ jsx(SearchProgressBar, { className: "absolute inset-x-0 top-12 z-content" }),
         /* @__PURE__ */ jsx(SearchResults, {})
       ] })
     }
@@ -666,7 +535,7 @@ function DefaultDesktop({ children, ...rootProps }) {
 }
 function DefaultMobile({ children, ...rootProps }) {
   return /* @__PURE__ */ jsx(Root, { variant: "mobile", ...rootProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Trigger, { showShortcut: false }),
+    /* @__PURE__ */ jsx(Trigger, { showShortcut: !1 }),
     /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Command, {}) })
   ] }) });
 }

package/dist/kernel/components/blocks/sidebar-node.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SidebarNodePrimitiveProps } from './sidebar.js';
-import '@publish.os/nextjs/types';
+import { S as SidebarNodePrimitiveProps } from '../../../sidebar-types-Bgchdfd6.js';
 import 'react';
+import '../../../types-DHBm7-j6.js';
 
 declare function SidebarNode({ activeState, activeItemRef, children, contentId, depth, expanded, href, isExpandable, node, onLinkClick, onToggle, parentExpanded, title, }: SidebarNodePrimitiveProps): react_jsx_runtime.JSX.Element | null;