robindoc 0.0.0-experimental-7903271 → 0.0.0-experimental-0477e0c

package/lib/components/blocks/search/index.d.ts

@@ -1,12 +1,16 @@
 import "./search.scss";
 import React from "react";
-import { type SearchModalProps } from "./search-modal";
+import { Searcher } from "../../../core/types/search";
 export interface SearchProps {
-    searcher: SearchModalProps["searcher"];
+    searcher: Searcher | string;
     translations?: {
         /** Search... */
         search?: string;
-    } & SearchModalProps["translations"];
+        /** Type something... */
+        typeSomething?: string;
+        /** Nothing found */
+        nothingFound?: string;
+    };
 }
 export declare const Search: React.FC<SearchProps>;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/blocks/search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/search/index.tsx"],"names":[],"mappings":"AAEA,OAAO,eAAe,CAAC;AAEvB,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAKpE,MAAM,WAAW,WAAW;IACxB,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE;QACX,gBAAgB;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsDxC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/search/index.tsx"],"names":[],"mappings":"AAEA,OAAO,eAAe,CAAC;AAEvB,OAAO,KAA+C,MAAM,OAAO,CAAC;AAOpE,OAAO,EAAE,QAAQ,EAAiB,mCAA+B;AAIjE,MAAM,WAAW,WAAW;IACxB,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE;QACX,gBAAgB;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,wBAAwB;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,oBAAoB;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;CACL;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+HxC,CAAC"}

package/lib/components/blocks/search/index.js

@@ -1,3 +1,3 @@
 'use client';
-import e,{useRef as r,useEffect as t}from"react";import{SearchModal as n}from"./search-modal/index.js";import{useSystemType as o}from"../../../core/hooks/use-system-type.js";import{KbdContainer as a}from"../../ui/kbd/kbd-container/index.js";import{KbdKey as s}from"../../ui/kbd/kbd-key/index.js";import{useModal as l}from"../../ui/modal/use-modal.js";const c=({searcher:c,translations:m})=>{const{search:i="Search...",...d}=m||{},p=r(null),{opened:u,closeHandler:k,openHandler:y}=l(),h=o();t(()=>{const e=e=>{"k"===e.key.toLowerCase()&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),y())};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[]);return e.createElement(e.Fragment,null,e.createElement("button",{type:"button",className:"r-search-btn r-no-js",onClick:y,onKeyDown:e=>{1===e.key.length&&"Space"!==e.code&&y()}},e.createElement("span",{className:"r-search-title",ref:p},i),h&&e.createElement(a,{className:"r-search-kbd"},e.createElement(s,null,"apple"===h?"⌘":"CTRL"),e.createElement(s,null,"K"))),e.createElement(n,{open:u,translations:d,searcher:c,onClose:k,onInput:e=>{p.current&&(p.current.innerText=e||i)}}))};export{c as Search};
+import e,{useRef as r,useState as t,useMemo as n,useEffect as o}from"react";import a from"clsx";import{useSystemType as c}from"../../../core/hooks/use-system-type.js";import{KbdContainer as l}from"../../ui/kbd/kbd-container/index.js";import{KbdKey as s}from"../../ui/kbd/kbd-key/index.js";import{createBaseSearcher as m}from"../../../core/utils/create-base-searcher.js";import{useDebouncer as i}from"../../../core/hooks/use-debouncer.js";import{Backdrop as u}from"../../ui/backdrop/index.js";import{NavLink as p}from"../nav-link/index.js";const d=({searcher:d,translations:h={}})=>{const{search:f="Search...",typeSomething:k="Type something...",nothingFound:E="Nothing found"}=h,y=r(null),b=r(null),N=r(null),g=r(null),[v,C]=t(null),w=c(),j=n(()=>"string"==typeof d?m(d):d,[d]),{handler:x}=i(async(e,r)=>{const t=r.target.value;_(t);let n=null;t&&(n=await j(t,e)),C(n)}),L=()=>{const e=document.querySelector(".r-root");e&&e.classList.add("r-root_lock"),b.current?.focus(),N.current?.showModal()},S=()=>{const e=document.querySelector(".r-root");e&&e.classList.remove("r-root_lock"),N.current?.close()};o(()=>{const e=e=>{"k"===e.key.toLowerCase()&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),L())};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[]);const _=e=>{y.current&&(y.current.innerText=e||f)};return e.createElement(e.Fragment,null,e.createElement("button",{type:"button",className:"r-search-btn r-no-js",onClick:L},e.createElement("span",{className:"r-search-title",ref:y},f),w&&e.createElement(l,{className:"r-search-kbd"},e.createElement(s,null,"apple"===w?"⌘":"CTRL"),e.createElement(s,null,"K"))),e.createElement("dialog",{onClose:S,className:a("r-search-dialog",Boolean(v?.length)&&"_active"),ref:N},e.createElement(u,{open:!0,onClose:S}),e.createElement("div",{className:"r-search-popup _visible"},e.createElement("form",{className:"r-search-popup-header",onSubmit:e=>{e.preventDefault(),g.current&&g.current.focus()},autoComplete:"off"},e.createElement("input",{type:"text",name:"search",placeholder:k,className:"r-search-input",onChange:x,ref:b}),e.createElement(l,{className:"r-search-kbd r-search-popup-kbd",onClick:S},e.createElement(s,null,"ESC"))),v&&e.createElement("ul",{className:"r-search-results"},v.length>0?v.map((r,t)=>e.createElement("li",{key:r.href},e.createElement(p,{href:r.href,onClick:S,className:"r-search-item",ref:0===t?g:void 0},e.createElement("p",{className:"r-search-item-title"},r.title),r.description&&e.createElement("p",{className:"r-search-item-desc"},r.description)))):e.createElement("p",null,E)))))};export{d as Search};
 //# sourceMappingURL=index.js.map

package/lib/components/blocks/search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/blocks/search/index.tsx"],"sourcesContent":["\"use client\";\n\nimport \"./search.scss\";\n\nimport React, { useEffect, useRef } from \"react\";\n\nimport { SearchModal, type SearchModalProps } from \"./search-modal\";\nimport { useSystemType } from \"@src/core/hooks/use-system-type\";\nimport { KbdContainer, KbdKey } from \"@src/components/ui/kbd\";\nimport { useModal } from \"@src/components/ui/modal/use-modal\";\n\nexport interface SearchProps {\n    searcher: SearchModalProps[\"searcher\"];\n    translations?: {\n        /** Search... */\n        search?: string;\n    } & SearchModalProps[\"translations\"];\n}\n\nexport const Search: React.FC<SearchProps> = ({ searcher, translations }) => {\n    const { search = \"Search...\", ...modalTranslations } = translations || {};\n    const titleRef = useRef<HTMLSpanElement>(null);\n    const { opened, closeHandler, openHandler } = useModal();\n    const system = useSystemType();\n\n    const keyDownHandler = (e: React.KeyboardEvent<HTMLElement>) => {\n        if (e.key.length === 1 && e.code !== \"Space\") {\n            openHandler();\n        }\n    };\n\n    useEffect(() => {\n        const keyDown = (e: KeyboardEvent) => {\n            if (e.key.toLowerCase() === \"k\" && (e.metaKey || e.ctrlKey)) {\n                e.preventDefault();\n                openHandler();\n            }\n        };\n        window.addEventListener(\"keydown\", keyDown);\n\n        return () => {\n            window.removeEventListener(\"keydown\", keyDown);\n        };\n    }, []);\n\n    const inputHandler = (text: string) => {\n        if (titleRef.current) {\n            titleRef.current.innerText = text || search;\n        }\n    };\n\n    return (\n        <>\n            <button type=\"button\" className=\"r-search-btn r-no-js\" onClick={openHandler} onKeyDown={keyDownHandler}>\n                <span className=\"r-search-title\" ref={titleRef}>\n                    {search}\n                </span>\n                {system && (\n                    <KbdContainer className=\"r-search-kbd\">\n                        <KbdKey>{system === \"apple\" ? \"⌘\" : \"CTRL\"}</KbdKey>\n                        <KbdKey>K</KbdKey>\n                    </KbdContainer>\n                )}\n            </button>\n            <SearchModal\n                open={opened}\n                translations={modalTranslations}\n                searcher={searcher}\n                onClose={closeHandler}\n                onInput={inputHandler}\n            />\n        </>\n    );\n};\n"],"names":["Search","searcher","translations","search","modalTranslations","titleRef","useRef","opened","closeHandler","openHandler","useModal","system","useSystemType","useEffect","keyDown","e","key","toLowerCase","metaKey","ctrlKey","preventDefault","window","addEventListener","removeEventListener","React","createElement","Fragment","type","className","onClick","onKeyDown","length","code","ref","KbdContainer","KbdKey","SearchModal","open","onClose","onInput","text","current","innerText"],"mappings":";+VAmBO,MAAMA,CAAAA,CAAgC,CAAA,CAAGC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAUC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CACtD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAMC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAEA,CAAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgBC,GAAsBF,CAAAA,CAAAA,CAAgB,CAAA,CAAA,CACjEG,CAAAA,CAAWC,CAAAA,CAAwB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACnCC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAEA,CAAAA,CAAMC,aAAEA,CAAAA,CAAYC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAEA,CAAAA,CAAAA,CAAgBC,CAAAA,CAAAA,CAAAA,CACxCC,CAAAA,CAASC,CAAAA,CAAAA,CAAAA,CAQfC,CAAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CACN,MAAMC,CAAAA,CAAWC,CAAAA,CAAAA,CAAAA,CACe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAxBA,CAAAA,CAAEC,CAAAA,CAAAA,CAAAA,CAAIC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAA0BF,CAAAA,CAAEG,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAWH,EAAEI,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAC/CJ,CAAAA,CAAEK,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CACFX,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAKR,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAFAY,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAOC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAWR,GAE5B,CAAA,CAAA,CAAA,CAAA,CACHO,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAOE,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAWT,CAAAA,CAAAA,CAAAA,CAAAA,CAE3C,CAAA,CAAA,CAAA,CAQH,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACIU,CAAAA,CAAAC,cAAAD,CAAAA,CAAAE,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACIF,CAAAA,CAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQE,CAAAA,CAAAA,CAAAA,CAAAA,CAAK,SAASC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuBC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAASpB,CAAAA,CAAaqB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CA5B7Df,CAAAA,CAAAA,CAAAA,CACC,CAAA,CAAA,CAAA,CAAjBA,CAAAA,CAAEC,IAAIe,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAA2B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAXhB,CAAAA,CAAEiB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CACxBvB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CA2BIe,CAAAA,CAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAMG,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiBK,CAAAA,CAAAA,CAAAA,CAAK5B,CAAAA,CAAAA,CACjCF,CAAAA,CAAAA,CAEJQ,CAAAA,CAAAA,CACGa,CAAAA,CAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAACS,EAAY,CAACN,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACpBJ,CAAAA,CAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAACU,CAAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAXxB,EAAqB,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACpCa,CAAAA,CAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAACU,CAAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAInBX,CAAAA,CAAAC,cAACW,CAAAA,CAAW,CACRC,CAAAA,CAAAA,CAAAA,CAAAA,CAAM9B,CAAAA,CACNL,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAcE,CAAAA,CACdH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAUA,CAAAA,CACVqC,QAAS9B,CAAAA,CACT+B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAxBUC,CAAAA,CAAAA,CAAAA,CACdnC,CAAAA,CAASoC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CACTpC,CAAAA,CAASoC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAQC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAYF,GAAQrC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/blocks/search/index.tsx"],"sourcesContent":["\"use client\";\n\nimport \"./search.scss\";\n\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\n\nimport { useSystemType } from \"@src/core/hooks/use-system-type\";\nimport { KbdContainer, KbdKey } from \"@src/components/ui/kbd\";\nimport { createBaseSearcher } from \"@src/core/utils/create-base-searcher\";\nimport { useDebouncer } from \"@src/core/hooks/use-debouncer\";\nimport { Searcher, SearchResults } from \"@src/core/types/search\";\nimport { Backdrop } from \"@src/components/ui/backdrop\";\nimport { NavLink } from \"@src/components/blocks/nav-link\";\n\nexport interface SearchProps {\n    searcher: Searcher | string;\n    translations?: {\n        /** Search... */\n        search?: string;\n        /** Type something... */\n        typeSomething?: string;\n        /** Nothing found */\n        nothingFound?: string;\n    };\n}\n\nexport const Search: React.FC<SearchProps> = ({ searcher, translations = {} }) => {\n    const { search = \"Search...\", typeSomething = \"Type something...\", nothingFound = \"Nothing found\" } = translations;\n    const titleRef = useRef<HTMLSpanElement>(null);\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const dialogRef = useRef<HTMLDialogElement | null>(null);\n    const firstItem = useRef<HTMLAnchorElement | null>(null);\n    const [results, setResults] = useState<SearchResults | null>(null);\n    const system = useSystemType();\n\n    const targetSearcher = useMemo(\n        () => (typeof searcher === \"string\" ? createBaseSearcher(searcher) : searcher),\n        [searcher],\n    );\n\n    const { handler } = useDebouncer(async (abortController, e: React.ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value;\n        inputHandler(value);\n        let newResults = null;\n        if (value) {\n            newResults = await targetSearcher(value, abortController);\n        }\n        setResults(newResults);\n    });\n\n    const openHandler = () => {\n        const root = document.querySelector(\".r-root\");\n        if (root) {\n            root.classList.add(\"r-root_lock\");\n        }\n        inputRef.current?.focus();\n        dialogRef.current?.showModal();\n    };\n    const closeHandler = () => {\n        const root = document.querySelector(\".r-root\");\n        if (root) {\n            root.classList.remove(\"r-root_lock\");\n        }\n        dialogRef.current?.close();\n    };\n\n    useEffect(() => {\n        const keyDown = (e: KeyboardEvent) => {\n            if (e.key.toLowerCase() === \"k\" && (e.metaKey || e.ctrlKey)) {\n                e.preventDefault();\n                openHandler();\n            }\n        };\n        window.addEventListener(\"keydown\", keyDown);\n\n        return () => {\n            window.removeEventListener(\"keydown\", keyDown);\n        };\n    }, []);\n\n    const inputHandler = (text: string) => {\n        if (titleRef.current) {\n            titleRef.current.innerText = text || search;\n        }\n    };\n\n    const submitHandler = (e: React.FormEvent<HTMLFormElement>) => {\n        e.preventDefault();\n        if (firstItem.current) {\n            firstItem.current.focus();\n        }\n    };\n\n    return (\n        <>\n            <button type=\"button\" className=\"r-search-btn r-no-js\" onClick={openHandler}>\n                <span className=\"r-search-title\" ref={titleRef}>\n                    {search}\n                </span>\n                {system && (\n                    <KbdContainer className=\"r-search-kbd\">\n                        <KbdKey>{system === \"apple\" ? \"⌘\" : \"CTRL\"}</KbdKey>\n                        <KbdKey>K</KbdKey>\n                    </KbdContainer>\n                )}\n            </button>\n            <dialog\n                onClose={closeHandler}\n                className={clsx(\"r-search-dialog\", Boolean(results?.length) && \"_active\")}\n                ref={dialogRef}\n            >\n                <Backdrop open onClose={closeHandler} />\n                <div className=\"r-search-popup _visible\">\n                    <form className=\"r-search-popup-header\" onSubmit={submitHandler} autoComplete=\"off\">\n                        <input\n                            type=\"text\"\n                            name=\"search\"\n                            placeholder={typeSomething}\n                            className=\"r-search-input\"\n                            onChange={handler}\n                            ref={inputRef}\n                        />\n                        <KbdContainer className=\"r-search-kbd r-search-popup-kbd\" onClick={closeHandler}>\n                            <KbdKey>ESC</KbdKey>\n                        </KbdContainer>\n                    </form>\n                    {results && (\n                        <ul className=\"r-search-results\">\n                            {results.length > 0 ? (\n                                results.map((item, index) => (\n                                    <li key={item.href}>\n                                        <NavLink\n                                            href={item.href}\n                                            onClick={closeHandler}\n                                            className=\"r-search-item\"\n                                            ref={index === 0 ? firstItem : undefined}\n                                        >\n                                            <p className=\"r-search-item-title\">{item.title}</p>\n                                            {item.description && (\n                                                <p className=\"r-search-item-desc\">{item.description}</p>\n                                            )}\n                                        </NavLink>\n                                    </li>\n                                ))\n                            ) : (\n                                <p>{nothingFound}</p>\n                            )}\n                        </ul>\n                    )}\n                </div>\n            </dialog>\n        </>\n    );\n};\n"],"names":["Search","searcher","translations","search","typeSomething","nothingFound","titleRef","useRef","inputRef","dialogRef","firstItem","results","setResults","useState","system","useSystemType","targetSearcher","useMemo","createBaseSearcher","handler","useDebouncer","async","abortController","e","value","target","inputHandler","newResults","openHandler","root","document","querySelector","classList","add","current","focus","showModal","closeHandler","remove","close","useEffect","keyDown","key","toLowerCase","metaKey","ctrlKey","preventDefault","window","addEventListener","removeEventListener","text","innerText","React","createElement","Fragment","type","className","onClick","ref","KbdContainer","KbdKey","onClose","clsx","Boolean","length","Backdrop","open","onSubmit","autoComplete","name","placeholder","onChange","map","item","index","href","NavLink","undefined","title","description"],"mappings":"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"}

package/lib/styles.css

@@ -122,46 +122,6 @@
 }
 .r-powered-link:hover {
   color: var(--r-primary-900);
-}.r-docs-container {
-  min-height: calc(100dvh - var(--r-header-height));
-  overflow-wrap: break-word;
-  box-sizing: border-box;
-}
-@media screen and (width >= 768px) {
-  .r-docs-container {
-    display: grid;
-    justify-content: center;
-    column-gap: 32px;
-    grid-template-areas: "sidebar breadcrumbs" "sidebar contents" "sidebar content" "sidebar pagination";
-    grid-template-columns: 1fr calc(100% - 248px);
-    grid-template-rows: auto auto 1fr auto;
-  }
-}
-@media screen and (width >= 1180px) {
-  .r-docs-container {
-    column-gap: 40px;
-    grid-template-areas: "sidebar breadcrumbs contents" "sidebar content contents" "sidebar pagination contents";
-    grid-template-columns: 200px 640px 1fr;
-    grid-template-rows: auto 1fr auto;
-  }
-}.r-blog-container {
-  min-height: calc(100dvh - var(--r-header-height));
-  overflow-wrap: break-word;
-  box-sizing: border-box;
-}
-@media screen and (width >= 1180px) {
-  .r-blog-container {
-    display: grid;
-    justify-content: space-between;
-    column-gap: 40px;
-    grid-template-areas: "breadcrumbs contents" "content contents" "pagination contents";
-    grid-template-columns: 760px 220px;
-    grid-template-rows: auto 1fr auto;
-  }
-}.r-page-container {
-  min-height: calc(100dvh - var(--r-header-height));
-  overflow-wrap: break-word;
-  box-sizing: border-box;
 }.r-root {
   --r-header-height: 60px;
   position: relative;
@@ -395,6 +355,46 @@
   --r-cl-60: #86181d;
   --r-cl-61: #144620;
   --r-cl-62: #c24e00;
+}.r-docs-container {
+  min-height: calc(100dvh - var(--r-header-height));
+  overflow-wrap: break-word;
+  box-sizing: border-box;
+}
+@media screen and (width >= 768px) {
+  .r-docs-container {
+    display: grid;
+    justify-content: center;
+    column-gap: 32px;
+    grid-template-areas: "sidebar breadcrumbs" "sidebar contents" "sidebar content" "sidebar pagination";
+    grid-template-columns: 1fr calc(100% - 248px);
+    grid-template-rows: auto auto 1fr auto;
+  }
+}
+@media screen and (width >= 1180px) {
+  .r-docs-container {
+    column-gap: 40px;
+    grid-template-areas: "sidebar breadcrumbs contents" "sidebar content contents" "sidebar pagination contents";
+    grid-template-columns: 200px 640px 1fr;
+    grid-template-rows: auto 1fr auto;
+  }
+}.r-page-container {
+  min-height: calc(100dvh - var(--r-header-height));
+  overflow-wrap: break-word;
+  box-sizing: border-box;
+}.r-blog-container {
+  min-height: calc(100dvh - var(--r-header-height));
+  overflow-wrap: break-word;
+  box-sizing: border-box;
+}
+@media screen and (width >= 1180px) {
+  .r-blog-container {
+    display: grid;
+    justify-content: space-between;
+    column-gap: 40px;
+    grid-template-areas: "breadcrumbs contents" "content contents" "pagination contents";
+    grid-template-columns: 760px 220px;
+    grid-template-rows: auto 1fr auto;
+  }
 }.keylink-to-content {
   position: absolute !important;
   top: 8px;
@@ -814,12 +814,98 @@
 .r-header-input:checked ~ .r-header-burger .r-burger-line._bottom {
   transform: translateY(0) rotate(-45deg);
   margin-top: 0;
+}.r-dropdown {
+  position: relative;
+  color: var(--r-main-600);
+  transition: color 0.2s 0.1s;
+}
+.r-dropdown:hover, .r-dropdown:focus-within {
+  color: var(--r-main-950);
+}
+.r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
+  visibility: visible;
+  pointer-events: all;
+  transform: translateY(20px);
+  opacity: 1;
+}
+.r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
+  transform: rotate(180deg);
+}
+
+.r-dropdown-summary {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  position: relative;
+  color: inherit;
+  cursor: pointer;
+  padding: 10px 4px;
+  font-size: 16px;
+  border: 0;
+  background: none;
+  z-index: 1;
+  box-sizing: border-box;
+}
+
+.r-dropdown-chevron {
+  display: block;
+  margin-left: 6px;
+  transition: transform 0.3s 0.1s;
+  box-sizing: border-box;
+}
+
+.r-dropdown-drop {
+  list-style: none;
+  position: absolute;
+  top: 16px;
+  left: -12px;
+  visibility: hidden;
+  pointer-events: none;
+  opacity: 0;
+  transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
+  background-color: var(--r-main-50);
+  border: 1px solid var(--r-main-100);
+  border-radius: 8px;
+  margin: 0;
+  padding: 2px 6px;
+  min-width: 120px;
+  max-width: 180px;
+  box-sizing: border-box;
+}
+
+.r-dropdown-link {
+  display: block;
+  width: 100%;
+  text-decoration: none;
+  color: var(--r-main-700);
+  padding: 4px 8px;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  border-radius: 4px;
+  transition: background-color 0.2s;
+  box-sizing: border-box;
+}
+.r-dropdown-link:hover {
+  color: var(--r-main-900);
+  background-color: var(--r-main-100);
+}
+
+.r-dropdown-link._active {
+  color: var(--r-primary-700);
+}.r-container {
+  max-width: 1180px;
+  padding-right: 12px;
+  padding-left: 12px;
+  margin-right: auto;
+  margin-left: auto;
+  box-sizing: border-box;
 }.r-search-btn {
   position: relative;
   border-radius: 6px;
   background-color: var(--r-main-100);
   color: var(--r-main-600);
-  padding: 8px 20px;
+  padding: 8px 16px;
   border: 1px solid var(--r-main-200);
   width: 100%;
   text-align: left;
@@ -829,7 +915,7 @@
 @media screen and (width >= 768px) {
   .r-search-btn {
     width: 220px;
-    padding: 8px 96px 8px 20px;
+    padding: 8px 96px 8px 16px;
   }
 }
 .r-search-btn:hover {
@@ -859,17 +945,83 @@
   }
 }
 
+.r-search-dialog {
+  width: 100%;
+  height: 100%;
+  background: none;
+  max-width: none;
+  max-height: none;
+  border: none;
+  padding: unset;
+  transition: opacity 0.3s ease, overlay 0.4s ease-out allow-discrete, display 0.4s ease-out allow-discrete;
+  opacity: 0;
+}
+.r-search-dialog::backdrop {
+  backdrop-filter: blur(0);
+  background: color-mix(in srgb, var(--r-main-900) 0%, transparent 100%);
+  transition: backdrop-filter 0.4s ease-out, background 0.4s ease-out;
+}
+
+.r-search-dialog[open] {
+  opacity: 1;
+}
+@starting-style {
+  .r-search-dialog[open] {
+    opacity: 0;
+  }
+}
+.r-search-dialog[open]::backdrop {
+  backdrop-filter: blur(4px);
+  background: color-mix(in srgb, var(--r-main-900) 40%, transparent 100%);
+}
+
+.r-search-popup {
+  position: fixed;
+  left: 50%;
+  transform: translateX(-50%);
+  top: calc(var(--r-header-height) + 20px);
+  z-index: 200;
+  width: 100%;
+  max-width: 540px;
+  background-color: color-mix(in srgb, var(--r-main-50) 95%, transparent);
+  border: 2px solid var(--r-main-200);
+  border-bottom-width: 0;
+  border-radius: 12px 12px 0 0;
+  opacity: 0;
+  transform: translateX(-50%) translateY(-20px);
+  transition: opacity 0.2s, transform 0.2s;
+}
+
+.r-search-dialog[open] .r-search-popup {
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
+}
+@starting-style {
+  .r-search-dialog[open] .r-search-popup {
+    opacity: 0;
+    transform: translateX(-50%) translateY(-20px);
+  }
+}
+
+.r-search-dialog._active .r-search-popup {
+  border-radius: 12px;
+  border-bottom-width: 2px;
+}
+
+.r-search-popup:has(.r-search-input:focus) {
+  border-color: var(--r-main-300);
+}
+
 .r-search-popup-header {
   position: relative;
   border-bottom: 1px solid var(--r-main-200);
 }
 
 .r-search-input {
-  border-radius: 12px 12px 0 0;
-  background-color: var(--r-main-50);
+  background: none;
   padding: 16px 20px;
   border: none;
-  border-bottom: 2px solid var(--r-main-300);
+  border-bottom: 2px solid var(--r-main-100);
   width: 100%;
   font-size: 16px;
   box-sizing: border-box;
@@ -880,7 +1032,7 @@
   }
 }
 .r-search-input:hover {
-  border-bottom-color: var(--r-primary-800);
+  border-bottom-color: var(--r-main-300);
 }
 .r-search-input:focus {
   outline: none;
@@ -912,14 +1064,14 @@
   color: var(--r-main-700);
   padding: 8px 12px;
   border: 1px solid var(--r-main-100);
-  border-radius: 6px;
+  border-radius: 10px;
   width: 100%;
   margin-top: 6px;
   box-sizing: border-box;
 }
 .r-search-item:hover, .r-search-item:focus {
   color: var(--r-main-950);
-  background-color: var(--r-main-100);
+  background-color: var(--r-main-50);
   border-color: var(--r-main-200);
 }
 
@@ -931,85 +1083,6 @@
   font-size: 14px;
   color: var(--r-main-600);
   margin: 12px 0 0;
-}.r-dropdown {
-  position: relative;
-  color: var(--r-main-600);
-  transition: color 0.2s 0.1s;
-}
-.r-dropdown:hover, .r-dropdown:focus-within {
-  color: var(--r-main-950);
-}
-.r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
-  visibility: visible;
-  pointer-events: all;
-  transform: translateY(20px);
-  opacity: 1;
-}
-.r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
-  transform: rotate(180deg);
-}
-
-.r-dropdown-summary {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  position: relative;
-  color: inherit;
-  cursor: pointer;
-  padding: 10px 4px;
-  font-size: 16px;
-  border: 0;
-  background: none;
-  z-index: 1;
-  box-sizing: border-box;
-}
-
-.r-dropdown-chevron {
-  display: block;
-  margin-left: 6px;
-  transition: transform 0.3s 0.1s;
-  box-sizing: border-box;
-}
-
-.r-dropdown-drop {
-  list-style: none;
-  position: absolute;
-  top: 16px;
-  left: -12px;
-  visibility: hidden;
-  pointer-events: none;
-  opacity: 0;
-  transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
-  background-color: var(--r-main-50);
-  border: 1px solid var(--r-main-100);
-  border-radius: 8px;
-  margin: 0;
-  padding: 2px 6px;
-  min-width: 120px;
-  max-width: 180px;
-  box-sizing: border-box;
-}
-
-.r-dropdown-link {
-  display: block;
-  width: 100%;
-  text-decoration: none;
-  color: var(--r-main-700);
-  padding: 4px 8px;
-  margin-top: 4px;
-  margin-bottom: 4px;
-  border-radius: 4px;
-  transition: background-color 0.2s;
-  box-sizing: border-box;
-}
-.r-dropdown-link:hover {
-  color: var(--r-main-900);
-  background-color: var(--r-main-100);
-}
-
-.r-dropdown-link._active {
-  color: var(--r-primary-700);
 }.r-header-social {
   display: flex;
   flex: 1;
@@ -1028,13 +1101,6 @@
 }
 .r-header-social-git:hover, .r-header-social-git:focus {
   color: var(--r-main-950);
-}.r-container {
-  max-width: 1180px;
-  padding-right: 12px;
-  padding-left: 12px;
-  margin-right: auto;
-  margin-left: auto;
-  box-sizing: border-box;
 }.r-theme-switcher {
   position: relative;
   display: flex;
@@ -1470,8 +1536,22 @@
 }.r-last-modified {
   color: var(--r-main-700);
   margin-block-start: 16px;
-}.r-git-logo {
-  display: block;
+}.r-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  z-index: 100;
+}
+
+.r-backdrop._visible {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: all;
 }.r-external-mark {
   position: relative;
   vertical-align: text-top;
@@ -1503,6 +1583,27 @@
   background-color: currentColor;
   border-radius: 0 0 0 4px;
   box-sizing: border-box;
+}.r-git-logo {
+  display: block;
+}.r-anchor-heading:hover .r-anchor-heading-link {
+  visibility: visible;
+  opacity: 1;
+}
+
+.r-anchor-heading-link {
+  visibility: hidden;
+  opacity: 0;
+  transition: opacity 0.3s allow-discrete;
+  padding-inline: 8px;
+  margin-inline-start: -4px;
+  color: var(--r-main-600);
+  text-decoration: none;
+}
+.r-anchor-heading-link:hover {
+  color: var(--r-primary-800);
+}
+.r-anchor-heading-link::after {
+  content: "#";
 }.r-code-section {
   position: relative;
   margin-block-start: 1.5em;
@@ -1554,25 +1655,6 @@
 
 .r-code-section-filename {
   font-family: var(--monospace-font, monospace, monospace);
-}.r-anchor-heading:hover .r-anchor-heading-link {
-  visibility: visible;
-  opacity: 1;
-}
-
-.r-anchor-heading-link {
-  visibility: hidden;
-  opacity: 0;
-  transition: opacity 0.3s allow-discrete;
-  padding-inline: 8px;
-  margin-inline-start: -4px;
-  color: var(--r-main-600);
-  text-decoration: none;
-}
-.r-anchor-heading-link:hover {
-  color: var(--r-primary-800);
-}
-.r-anchor-heading-link::after {
-  content: "#";
 }.r-block {
   width: 100%;
   overflow: auto;
@@ -1581,19 +1663,20 @@
   scrollbar-width: thin;
   scrollbar-color: var(--r-main-200) transparent;
   box-sizing: border-box;
-}.r-code-block {
+}.r-code-span {
   font-family: var(--monospace-font, monospace, monospace);
-  font-size: 16px;
-  line-height: 1.33;
-  border-radius: 6px;
-  padding: 16px 20px;
-  margin: 0;
-  color: var(--r-primary-800);
-  background-color: var(--r-main-50);
-  overflow-x: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--r-main-200) transparent;
-  box-sizing: border-box;
+  background-color: var(--r-main-100);
+  border: 1px solid var(--r-main-200);
+  color: var(--r-main-950);
+  border-radius: 4px;
+  padding: 2px 6px;
+  font-size: inherit;
+  font-weight: 500;
+  letter-spacing: 0.5px;
+}
+
+.r-code-span + .r-content-link-external {
+  margin-left: -12px;
 }.r-blockquote {
   background-color: var(--r-main-100);
   padding: 8px 12px 8px 20px;
@@ -1650,22 +1733,18 @@
 }
 .r-blockquote-caution .r-blockquote-title {
   color: var(--r-caution);
-}.r-code-span {
+}.r-code-block {
   font-family: var(--monospace-font, monospace, monospace);
-  background-color: var(--r-main-100);
-  border: 1px solid var(--r-main-200);
-  color: var(--r-main-950);
-  border-radius: 4px;
-  padding: 2px 6px;
-  font-size: inherit;
-  font-weight: 500;
-  letter-spacing: 0.5px;
-}
-
-.r-code-span + .r-content-link-external {
-  margin-left: -12px;
-}.r-img {
-  max-width: 100%;
+  font-size: 16px;
+  line-height: 1.33;
+  border-radius: 6px;
+  padding: 16px 20px;
+  margin: 0;
+  color: var(--r-primary-800);
+  background-color: var(--r-main-50);
+  overflow-x: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--r-main-200) transparent;
   box-sizing: border-box;
 }.r-h1 {
   font-size: 32px;
@@ -1707,6 +1786,9 @@
   line-height: 1.4;
   margin-block-start: 1.8em;
   margin-block-end: 1.8em;
+}.r-img {
+  max-width: 100%;
+  box-sizing: border-box;
 }.r-p {
   line-height: 1.8;
   margin-block-start: 1em;
@@ -1752,42 +1834,6 @@
 
 .r-tab-header-code {
   font-family: var(--monospace-font, monospace, monospace);
-}.r-modal {
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  width: 100%;
-  background-color: color-mix(in srgb, var(--r-main-50) 95%, transparent);
-  border: 2px solid var(--r-main-200);
-  border-radius: 12px 12px 0 0;
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-  transition: opacity 0.2s 0.1s, transform 0.2s 0.1s, visibility 0.01s 0.2s 0.1s;
-  z-index: 1000;
-  box-sizing: border-box;
-}
-@media screen and (width >= 768px) {
-  .r-modal {
-    top: 10%;
-    left: 50%;
-    bottom: auto;
-    transform: translateX(-50%) scale(0.95);
-    max-width: 480px;
-    border-radius: 12px;
-  }
-}
-
-.r-modal._visible {
-  opacity: 1;
-  visibility: visible;
-  transition: opacity 0.2s 0.1s, transform 0.2s 0.1s;
-  pointer-events: all;
-}
-@media screen and (width >= 768px) {
-  .r-modal._visible {
-    transform: translateX(-50%) scale(1);
-  }
 }.r-kbd-container {
   display: flex;
   gap: 4px;
@@ -1959,10 +2005,6 @@
   border-collapse: collapse;
 }.r-thead {
   background-color: var(--r-main-100);
-}.r-task-ul {
-  list-style: none;
-}.r-task-ol {
-  list-style: none;
 }.r-task-li.r-task-li {
   margin-block-start: 2px;
   margin-block-end: 2px;
@@ -1992,27 +2034,10 @@
 
 .r-task-label-text {
   vertical-align: middle;
-}.r-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background: color-mix(in srgb, var(--r-main-900) 0%, transparent 100%);
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-  backdrop-filter: blur(4px);
-  transition: background 0.05s, opacity 0.2s, visibility 0.01s 0.15s;
-  z-index: 100;
-}
-
-.r-backdrop._visible {
-  opacity: 1;
-  background: color-mix(in srgb, var(--r-main-900) 10%, transparent 100%);
-  visibility: visible;
-  transition: background 0.05s, opacity 0.2s;
-  pointer-events: all;
+}.r-task-ul {
+  list-style: none;
+}.r-task-ol {
+  list-style: none;
 }.r-tooltip {
   font-family: var(--monospace-font, monospace, monospace);
   display: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "robindoc",
-  "version": "0.0.0-experimental-7903271",
+  "version": "0.0.0-experimental-0477e0c",
   "description": "Robindoc is a framework for automatically creating documentation websites based on markdown files, built on React.js Server Components",
   "main": "./lib/index.js",
   "scripts": {

package/lib/components/blocks/search/search-modal/index.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { type Searcher } from "../../../../core/types/search";
-export interface SearchModalProps {
-    onClose(): void;
-    open: boolean;
-    onInput(text: string): void;
-    searcher: Searcher | string;
-    translations?: {
-        /** Type something... */
-        typeSomething?: string;
-        /** Nothing found */
-        nothingFound?: string;
-    };
-}
-export declare const SearchModal: React.FC<SearchModalProps>;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/blocks/search/search-modal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/blocks/search/search-modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,KAAK,QAAQ,EAAsB,sCAA+B;AAO3E,MAAM,WAAW,gBAAgB;IAC7B,OAAO,IAAI,IAAI,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE;QACX,wBAAwB;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,oBAAoB;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;CACL;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwDlD,CAAC"}

package/lib/components/blocks/search/search-modal/index.js

@@ -1,3 +0,0 @@
-'use client';
-import e,{useRef as r,useState as t,useMemo as n,useEffect as a}from"react";import{createBaseSearcher as s}from"../../../../core/utils/create-base-searcher.js";import{NavLink as o}from"../../nav-link/index.js";import{useDebouncer as c}from"../../../../core/hooks/use-debouncer.js";import{KbdContainer as l}from"../../../ui/kbd/kbd-container/index.js";import{KbdKey as m}from"../../../ui/kbd/kbd-key/index.js";import{Modal as i}from"../../../ui/modal/index.js";const p=({translations:p,searcher:h,open:u,onClose:d,onInput:f})=>{const{typeSomething:k="Type something...",nothingFound:E="Nothing found"}=p||{},b=r(null),[g,N]=t(null),y=n(()=>"string"==typeof h?s(h):h,[h]),{handler:j}=c(async(e,r)=>{const t=r.target.value;f(t);let n=null;t&&(n=await y(t,e)),N(n)});return a(()=>{u&&b.current?.focus()},[u]),e.createElement(i,{open:u,onClose:d},e.createElement("div",{className:"r-search-popup-header"},e.createElement("input",{type:"text",name:"search",placeholder:k,className:"r-search-input",onChange:j,ref:b}),e.createElement(l,{className:"r-search-kbd r-search-popup-kbd",onClick:d},e.createElement(m,null,"ESC"))),g&&e.createElement("ul",{className:"r-search-results"},g.length>0?g.map(r=>e.createElement("li",{key:r.href},e.createElement(o,{href:r.href,onClick:d,className:"r-search-item"},e.createElement("p",{className:"r-search-item-title"},r.title),r.description&&e.createElement("p",{className:"r-search-item-desc"},r.description)))):e.createElement("p",null,E)))};export{p as SearchModal};
-//# sourceMappingURL=index.js.map

package/lib/components/blocks/search/search-modal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/blocks/search/search-modal/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { type Searcher, type SearchResults } from \"@src/core/types/search\";\nimport { createBaseSearcher } from \"@src/core/utils/create-base-searcher\";\nimport { NavLink } from \"@src/components/blocks/nav-link\";\nimport { useDebouncer } from \"@src/core/hooks/use-debouncer\";\nimport { KbdContainer, KbdKey } from \"@src/components/ui/kbd\";\nimport { Modal } from \"@src/components/ui/modal\";\n\nexport interface SearchModalProps {\n    onClose(): void;\n    open: boolean;\n    onInput(text: string): void;\n    searcher: Searcher | string;\n    translations?: {\n        /** Type something... */\n        typeSomething?: string;\n        /** Nothing found */\n        nothingFound?: string;\n    };\n}\n\nexport const SearchModal: React.FC<SearchModalProps> = ({ translations, searcher, open, onClose, onInput }) => {\n    const { typeSomething = \"Type something...\", nothingFound = \"Nothing found\" } = translations || {};\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const [results, setResults] = useState<SearchResults | null>(null);\n    const targetSearcher = useMemo(\n        () => (typeof searcher === \"string\" ? createBaseSearcher(searcher) : searcher),\n        [searcher],\n    );\n\n    const { handler } = useDebouncer(async (abortController, e: React.ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value;\n        onInput(value);\n        let newResults = null;\n        if (value) {\n            newResults = await targetSearcher(value, abortController);\n        }\n        setResults(newResults);\n    });\n\n    useEffect(() => {\n        if (open) inputRef.current?.focus();\n    }, [open]);\n\n    return (\n        <Modal open={open} onClose={onClose}>\n            <div className=\"r-search-popup-header\">\n                <input\n                    type=\"text\"\n                    name=\"search\"\n                    placeholder={typeSomething}\n                    className=\"r-search-input\"\n                    onChange={handler}\n                    ref={inputRef}\n                />\n                <KbdContainer className=\"r-search-kbd r-search-popup-kbd\" onClick={onClose}>\n                    <KbdKey>ESC</KbdKey>\n                </KbdContainer>\n            </div>\n            {results && (\n                <ul className=\"r-search-results\">\n                    {results.length > 0 ? (\n                        results.map((item) => (\n                            <li key={item.href}>\n                                <NavLink href={item.href} onClick={onClose} className=\"r-search-item\">\n                                    <p className=\"r-search-item-title\">{item.title}</p>\n                                    {item.description && <p className=\"r-search-item-desc\">{item.description}</p>}\n                                </NavLink>\n                            </li>\n                        ))\n                    ) : (\n                        <p>{nothingFound}</p>\n                    )}\n                </ul>\n            )}\n        </Modal>\n    );\n};\n"],"names":["SearchModal","translations","searcher","open","onClose","onInput","typeSomething","nothingFound","inputRef","useRef","results","setResults","useState","targetSearcher","useMemo","createBaseSearcher","handler","useDebouncer","async","abortController","e","value","target","newResults","useEffect","current","focus","React","createElement","Modal","className","type","name","placeholder","onChange","ref","KbdContainer","onClick","KbdKey","length","map","item","key","href","NavLink","title","description"],"mappings":"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"}

package/lib/components/ui/modal/index.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import "./modal.scss";
-export interface ModalProps {
-    onClose(): void;
-    open: boolean;
-}
-export declare const Modal: React.FC<React.PropsWithChildren<ModalProps>>;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/ui/modal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,UAAU;IACvB,OAAO,IAAI,IAAI,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAO/D,CAAC"}

package/lib/components/ui/modal/index.js

@@ -1,2 +0,0 @@
-import e from"react";import o from"clsx";import{Backdrop as r}from"../backdrop/index.js";const t=({open:t,onClose:l,children:m})=>e.createElement(e.Fragment,null,e.createElement(r,{open:t,onClose:l}),e.createElement("div",{className:o("r-modal",t&&"_visible")},m));export{t as Modal};
-//# sourceMappingURL=index.js.map

package/lib/components/ui/modal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/ui/modal/index.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\n\nimport { Backdrop } from \"../backdrop\";\n\nimport \"./modal.scss\";\n\nexport interface ModalProps {\n    onClose(): void;\n    open: boolean;\n}\n\nexport const Modal: React.FC<React.PropsWithChildren<ModalProps>> = ({ open, onClose, children }) => {\n    return (\n        <>\n            <Backdrop open={open} onClose={onClose} />\n            <div className={clsx(\"r-modal\", open && \"_visible\")}>{children}</div>\n        </>\n    );\n};\n"],"names":["Modal","open","onClose","children","React","createElement","Fragment","Backdrop","className","clsx"],"mappings":"yFAYO,MAAMA,EAAuD,EAAGC,OAAMC,UAASC,cAE9EC,EAAAC,cAAAD,EAAAE,SAAA,KACIF,EAAAC,cAACE,GAASN,KAAMA,EAAMC,QAASA,IAC/BE,EAAAC,cAAA,MAAA,CAAKG,UAAWC,EAAK,UAAWR,GAAQ,aAAcE"}

package/lib/components/ui/modal/use-modal.d.ts

@@ -1,6 +0,0 @@
-export declare const useModal: () => {
-    opened: boolean;
-    openHandler: () => void;
-    closeHandler: () => void;
-};
-//# sourceMappingURL=use-modal.d.ts.map

package/lib/components/ui/modal/use-modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-modal.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/use-modal.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;;CA8BpB,CAAC"}

package/lib/components/ui/modal/use-modal.js

@@ -1,2 +0,0 @@
-import{useState as e,useCallback as n,useEffect as o}from"react";const r=()=>{const[r,t]=e(!1),d=()=>{t(!1)},w=n(e=>{"Escape"===e.key&&(e.preventDefault(),d())},[]);return o(()=>(r?window.addEventListener("keydown",w):window.removeEventListener("keydown",w),()=>{window.removeEventListener("keydown",w)}),[r]),{opened:r,openHandler:()=>{t(!0)},closeHandler:d}};export{r as useModal};
-//# sourceMappingURL=use-modal.js.map

package/lib/components/ui/modal/use-modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-modal.js","sources":["../../../../src/components/ui/modal/use-modal.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\n\nexport const useModal = () => {\n    const [opened, setOpened] = useState(false);\n\n    const openHandler = () => {\n        setOpened(true);\n    };\n    const closeHandler = () => {\n        setOpened(false);\n    };\n\n    const closeOnEscape = useCallback((e: KeyboardEvent) => {\n        if (e.key === \"Escape\") {\n            e.preventDefault();\n            closeHandler();\n        }\n    }, []);\n\n    useEffect(() => {\n        if (opened) {\n            window.addEventListener(\"keydown\", closeOnEscape);\n        } else {\n            window.removeEventListener(\"keydown\", closeOnEscape);\n        }\n\n        return () => {\n            window.removeEventListener(\"keydown\", closeOnEscape);\n        };\n    }, [opened]);\n\n    return { opened, openHandler, closeHandler };\n};\n"],"names":["useModal","opened","setOpened","useState","closeHandler","closeOnEscape","useCallback","e","key","preventDefault","useEffect","window","addEventListener","removeEventListener","openHandler"],"mappings":"iEAEO,MAAMA,EAAW,KACpB,MAAOC,EAAQC,GAAaC,GAAS,GAK/BC,EAAe,KACjBF,GAAU,IAGRG,EAAgBC,EAAaC,IACjB,WAAVA,EAAEC,MACFD,EAAEE,iBACFL,MAEL,IAcH,OAZAM,EAAU,KACFT,EACAU,OAAOC,iBAAiB,UAAWP,GAEnCM,OAAOE,oBAAoB,UAAWR,GAGnC,KACHM,OAAOE,oBAAoB,UAAWR,KAE3C,CAACJ,IAEG,CAAEA,SAAQa,YA1BG,KAChBZ,GAAU,IAyBgBE"}