); }; export SearchReplaceExample; `,__src__:"src/registry/toolbar-examples/search-and-replace-toolbar-example.tsx",children:(0,l.jsxs)(t.code,{"data-language":"tsx","data-theme":"github-dark",style:{display:"grid"},children:[(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"use client"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" SearchAndReplace "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@/components/extensions/search-and-replace"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { SearchAndReplaceToolbar } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@/components/toolbars/search-and-replace-toolbar"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { ToolbarProvider } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@/components/toolbars/toolbar-provider"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { useEditor } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@tiptap/react"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" StarterKit "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@tiptap/starter-kit"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"const"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:" extensions"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" ="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ["})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" StarterKit."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"configure"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"({"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" orderedList: {"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" HTMLAttributes: {"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" class: "}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"list-decimal"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:","})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" },"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" },"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" blockquote: {"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" HTMLAttributes: {"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" class: "}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"text-accent-foreground p-2"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:","})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" },"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" },"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" bulletList: {"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" HTMLAttributes: {"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" class: "}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"list-disc"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:","})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" },"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" },"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" heading: {"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" levels: ["}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"1"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:", "}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"2"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:", "}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"3"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:", "}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"4"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"],"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" HTMLAttributes: {"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" class: "}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"tiptap-heading"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:","})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" },"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" },"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }),"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" SearchAndReplace,"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"];"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"const"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" SearchReplaceExample"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" ="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" () "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" const"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:" editor"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" ="}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" useEditor"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"({"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" extensions,"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" immediatelyRender: "}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"false"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:","})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" });"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" if"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ("}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"!"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"editor) {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" return"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:" null"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" return"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ("})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"w-full p-3 flex items-center justify-center"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"ToolbarProvider"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" editor"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{editor}>"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"SearchAndReplaceToolbar"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" );"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"};"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"export"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" SearchReplaceExample;"})]})]})})})}),` `,(0,l.jsxs)(t.h2,{id:"installation",children:[(0,l.jsx)(t.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#installation",children:(0,l.jsx)(t.span,{className:"icon icon-link"})}),"Installation"]}),` `,(0,l.jsxs)(p,{defaultValue:"cli",children:[(0,l.jsxs)(h,{children:[(0,l.jsx)(i,{value:"cli",children:"CLI"}),(0,l.jsx)(i,{value:"manual",children:"Manual"})]}),(0,l.jsx)(o,{value:"cli",children:(0,l.jsx)(t.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(t.pre,{style:{backgroundColor:"#24292e",color:"#e1e4e8"},tabIndex:"0","data-language":"bash","data-theme":"github-dark",__rawString__:`npx shadcn add https://tiptap.niazmorshed.dev/r/search-and-replace-toolbar.json `,__npmCommand__:`npx shadcn add https://tiptap.niazmorshed.dev/r/search-and-replace-toolbar.json `,__yarnCommand__:`npx shadcn add https://tiptap.niazmorshed.dev/r/search-and-replace-toolbar.json `,__pnpmCommand__:`pnpm dlx shadcn add https://tiptap.niazmorshed.dev/r/search-and-replace-toolbar.json `,__bunCommand__:`bunx --bun shadcn add https://tiptap.niazmorshed.dev/r/search-and-replace-toolbar.json `,children:(0,l.jsx)(t.code,{"data-language":"bash","data-theme":"github-dark",style:{display:"grid"},children:(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"npx"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:" shadcn"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:" add"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:" https://tiptap.niazmorshed.dev/r/search-and-replace-toolbar.json"})]})})})})}),(0,l.jsx)(o,{value:"manual",children:(0,l.jsxs)(d,{children:[(0,l.jsxs)(s,{children:["Install ",(0,l.jsx)(t.a,{href:"https://ui.shadcn.com/docs/components/button",children:"Button"}),", ",(0,l.jsx)(t.a,{href:"https://ui.shadcn.com/docs/components/checkbox",children:"Checkbox"}),", ",(0,l.jsx)(t.a,{href:"https://ui.shadcn.com/docs/components/input",children:"Input"}),", ",(0,l.jsx)(t.a,{href:"https://ui.shadcn.com/docs/components/label",children:"Label"}),", ",(0,l.jsx)(t.a,{href:"https://ui.shadcn.com/docs/components/popover",children:"Popover"}),", ",(0,l.jsx)(t.a,{href:"https://ui.shadcn.com/docs/components/separator",children:"Separator"}),", ",(0,l.jsx)(t.a,{href:"https://ui.shadcn.com/docs/components/tooltip",children:"Tooltip"})," components from @shadcn/ui"]}),(0,l.jsxs)(s,{children:["Copy & paste the following code under ",(0,l.jsx)(t.code,{children:"components/toolbars/search-and-replace.tsx"}),"."]}),(0,l.jsx)(t.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(t.pre,{style:{backgroundColor:"#24292e",color:"#e1e4e8"},tabIndex:"0","data-language":"jsx","data-theme":"github-dark",__rawString__:`"use client"; import { ArrowLeft, ArrowRight, Repeat, X } from "lucide-react"; import { useEffect, useState } from "react"; import { Button } from "@/components/ui/button"; import { Checkbox } from "@/components/ui/checkbox"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { Popover, PopoverContent, PopoverTrigger, } from "@/components/ui/popover"; import { Separator } from "@/components/ui/separator"; import { Tooltip, TooltipContent, TooltipTrigger, } from "@/components/ui/tooltip"; import { cn } from "@/lib/utils"; import type { SearchAndReplaceStorage } from "@/components/extensions/search-and-replace"; import { useToolbar } from "@/components/toolbars/toolbar-provider"; export function SearchAndReplaceToolbar() { const { editor } = useToolbar(); const [open, setOpen] = useState(false); const [replacing, setReplacing] = useState(false); const [searchText, setSearchText] = useState(""); const [replaceText, setReplaceText] = useState(""); const [checked, setChecked] = useState(false); const results = editor?.storage?.searchAndReplace .results as SearchAndReplaceStorage["results"]; const selectedResult = editor?.storage?.searchAndReplace .selectedResult as SearchAndReplaceStorage["selectedResult"]; const replace = () => editor?.chain().replace().run(); const replaceAll = () => editor?.chain().replaceAll().run(); const selectNext = () => editor?.chain().selectNextResult().run(); const selectPrevious = () => editor?.chain().selectPreviousResult().run(); useEffect(() => { editor?.chain().setSearchTerm(searchText).run(); }, [searchText, editor]); useEffect(() => { editor?.chain().setReplaceTerm(replaceText).run(); }, [replaceText, editor]); useEffect(() => { editor?.chain().setCaseSensitive(checked).run(); }, [checked, editor]); useEffect(() => { if (!open) { setReplaceText(""); setSearchText(""); setReplacing(false); } }, [open]); return ( Search & Replace { e.preventDefault(); }} onEscapeKeyDown={() => { setOpen(false); }} className="relative flex w-[400px] px-3 py-2.5" > {!replacing ? (

{ setSearchText(e.target.value); }} placeholder="Search..." /> {results?.length === 0 ? selectedResult : selectedResult + 1}/ {results?.length}

) : (

{ setOpen(false); }} className="absolute right-3 top-3 h-4 w-4 cursor-pointer" />

Search and replace

Search { setSearchText(e.target.value); }} placeholder="Search..." /> {results?.length === 0 ? selectedResult : selectedResult + 1}/ {results?.length}

Replace with { setReplaceText(e.target.value); }} placeholder="Replace..." />

{ setChecked(checked); }} id="match_case" /> Match case

)} ); } `,children:(0,l.jsxs)(t.code,{"data-language":"jsx","data-theme":"github-dark",style:{display:"grid"},children:[(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"use client"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { ArrowLeft, ArrowRight, Repeat, X } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "lucide-react"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { useEffect, useState } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "react"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { Button } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@/components/ui/button"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { Checkbox } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@/components/ui/checkbox"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { Input } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@/components/ui/input"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { Label } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@/components/ui/label"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" Popover,"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" PopoverContent,"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" PopoverTrigger,"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"} "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@/components/ui/popover"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { Separator } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@/components/ui/separator"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" Tooltip,"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" TooltipContent,"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" TooltipTrigger,"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"} "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@/components/ui/tooltip"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { cn } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@/lib/utils"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" type"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { SearchAndReplaceStorage } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@/components/extensions/search-and-replace"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { useToolbar } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "@/components/toolbars/toolbar-provider"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"export"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" function"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" SearchAndReplaceToolbar"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"() {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" const"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { "}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"editor"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" } "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" useToolbar"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"();"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" const"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ["}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"open"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:", "}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"setOpen"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"] "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" useState"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"false"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:");"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" const"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ["}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"replacing"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:", "}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"setReplacing"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"] "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" useState"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"false"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:");"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" const"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ["}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"searchText"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:", "}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"setSearchText"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"] "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" useState"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'""'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:");"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" const"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ["}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"replaceText"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:", "}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"setReplaceText"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"] "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" useState"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'""'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:");"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" const"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ["}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"checked"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:", "}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"setChecked"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"] "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" useState"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"false"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:");"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" const"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:" results"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" ="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" editor?.storage?.searchAndReplace"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" .results "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"as"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" SearchAndReplaceStorage"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"["}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"results"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"];"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" const"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:" selectedResult"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" ="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" editor?.storage?.searchAndReplace"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" .selectedResult "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"as"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" SearchAndReplaceStorage"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"["}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"selectedResult"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"];"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" const"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" replace"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" ="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" () "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" editor?."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"chain"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"()."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"replace"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"()."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"run"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"();"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" const"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" replaceAll"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" ="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" () "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" editor?."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"chain"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"()."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"replaceAll"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"()."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"run"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"();"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" const"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" selectNext"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" ="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" () "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" editor?."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"chain"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"()."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"selectNextResult"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"()."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"run"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"();"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" const"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" selectPrevious"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" ="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" () "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" editor?."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"chain"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"()."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"selectPreviousResult"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"()."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"run"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"();"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" useEffect"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"(() "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" editor?."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"chain"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"()."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"setSearchTerm"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"(searchText)."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"run"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"();"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }, [searchText, editor]);"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" useEffect"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"(() "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" editor?."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"chain"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"()."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"setReplaceTerm"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"(replaceText)."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"run"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"();"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }, [replaceText, editor]);"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" useEffect"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"(() "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" editor?."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"chain"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"()."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"setCaseSensitive"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"(checked)."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"run"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"();"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }, [checked, editor]);"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" useEffect"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"(() "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" if"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ("}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"!"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"open) {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" setReplaceText"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'""'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:");"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" setSearchText"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'""'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:");"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" setReplacing"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"false"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:");"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }, [open]);"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" return"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ("})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Popover"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" open"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{open}>"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Tooltip"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"TooltipTrigger"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" asChild"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"PopoverTrigger"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" disabled"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"!"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"editor} "}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"asChild"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Button"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" variant"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"ghost"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" size"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"sm"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onClick"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{() "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" setOpen"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"!"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"open);"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }}"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"cn"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-8 w-max px-3 font-normal"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:")}"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" >"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Repeat"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"mr-2 h-4 w-4"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"p"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">Search & Replace"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"TooltipContent"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"span"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">Search & Replace"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"PopoverContent"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" align"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"end"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onCloseAutoFocus"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{("}),(0,l.jsx)(t.span,{style:{color:"#FFAB70"},children:"e"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:") "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" e."}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"preventDefault"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"();"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }}"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onEscapeKeyDown"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{() "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" setOpen"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"false"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:");"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }}"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"relative flex w-[400px] px-3 py-2.5"'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" >"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"!"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"replacing "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"?"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ("})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"cn"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"relative flex gap-1.5 items-center"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:")}>"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Input"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" value"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{searchText}"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'" w-48"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onChange"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{("}),(0,l.jsx)(t.span,{style:{color:"#FFAB70"},children:"e"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:") "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" setSearchText"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"(e.target.value);"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }}"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" placeholder"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"Search..."'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"span"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {results?."}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"length"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" ==="}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:" 0"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" ?"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" selectedResult "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:":"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" selectedResult "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"+"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:" 1"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"}/"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {results?."}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"length"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"}"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Button"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onClick"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{selectPrevious}"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" size"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"icon"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" variant"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"ghost"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"size-7"'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" >"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"ArrowLeft"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"size-4"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Button"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onClick"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{selectNext}"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" size"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"icon"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"size-7"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" variant"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"ghost"'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" >"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"ArrowRight"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-4 w-4"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Separator"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" orientation"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"vertical"'}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-7 mx-0.5"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Button"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onClick"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{() "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" setReplacing"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"true"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:");"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }}"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" size"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"icon"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"size-7"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" variant"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"ghost"'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" >"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Repeat"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-4 w-4"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Button"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onClick"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{() "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" setOpen"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"false"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:");"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }}"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" size"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"icon"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"size-7"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" variant"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"ghost"'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" >"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"X"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-4 w-4"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ) "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:":"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ("})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:"cn"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"relative w-full"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:")}>"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"X"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onClick"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{() "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" setOpen"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"false"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:");"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }}"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"absolute right-3 top-3 h-4 w-4 cursor-pointer"'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"flex w-full items-center gap-3"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Button"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" size"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"icon"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"size-7 rounded-full"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" variant"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"ghost"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onClick"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{() "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" setReplacing"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"("}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"false"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:");"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }}"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" >"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"ArrowLeft"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-4 w-4"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"h2"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"text-sm font-medium"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">Search and replace"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"my-2 w-full"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"mb-3"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Label"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"mb-1 text-xs text-gray-11"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">Search"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Input"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" value"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{searchText}"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onChange"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{("}),(0,l.jsx)(t.span,{style:{color:"#FFAB70"},children:"e"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:") "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" setSearchText"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"(e.target.value);"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }}"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" placeholder"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"Search..."'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {results?."}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"length"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" ==="}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:" 0"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:" ?"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" selectedResult "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:":"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" selectedResult "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"+"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:" 1"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"}/"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {results?."}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"length"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"}"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"mb-2"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Label"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"mb-1 text-xs text-gray-11"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" Replace with"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Input"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"w-full"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" value"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{replaceText}"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onChange"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{("}),(0,l.jsx)(t.span,{style:{color:"#FFAB70"},children:"e"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:") "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" setReplaceText"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"(e.target.value);"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }}"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" placeholder"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"Replace..."'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"mt-3 flex items-center space-x-2"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Checkbox"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" checked"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{checked}"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onCheckedChange"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{("}),(0,l.jsx)(t.span,{style:{color:"#FFAB70"},children:"checked"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:":"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:" boolean"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:") "}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"=>"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" setChecked"}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"(checked);"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" }}"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" id"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"match_case"'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Label"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" htmlFor"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"match_case"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" >"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" Match case"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"actions mt-6 flex items-center justify-between"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"flex items-center gap-2"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Button"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onClick"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{selectPrevious}"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" size"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"icon"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-7 w-7"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" variant"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"secondary"'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" >"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"ArrowLeft"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-4 w-4"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Button"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onClick"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{selectNext}"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" size"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"icon"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-7 w-7"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" variant"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"secondary"'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" >"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"ArrowRight"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-4 w-4"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"main-actions flex items-center gap-2"'}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Button"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" size"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"sm"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-7 px-3 text-xs"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" variant"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"secondary"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onClick"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{replaceAll}"})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" >"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" Replace All"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(t.span,{style:{color:"#79B8FF"},children:"Button"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" onClick"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"{replace}"})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" size"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"sm"'})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,l.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-7 px-3 text-xs"'})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" >"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" Replace"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" )}"})}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsxs)(t.span,{"data-line":"",children:[(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:" );"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:(0,l.jsx)(t.span,{style:{color:"#E1E4E8"},children:"}"})}),` `,(0,l.jsx)(t.span,{"data-line":"",children:" "})]})})})]})})]})]})}function m(n={}){let{wrapper:t}=n.components||{};return t?(0,l.jsx)(t,{...n,children:(0,l.jsx)(B,{...n})}):B(n)}function r(n,t){throw new Error("Expected "+(t?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return N(S);})(); ;return Component;

Search & Replace Toolbar

Installation