refactor: add stories and change names for consistency

libs/react/components/src/index.ts

@@ -4,32 +4,32 @@ import "@chair-flight/base/types";
 export * from "./app-buttons";
 export * from "./app-head";
 export * from "./app-logo";
+export * from "./background-faded-image";
+export * from "./background-sliding-images";
 export * from "./blog-post-chip";
 export * from "./container-wrapper";
-export * from "./background-sliding-images";
-export * from "./background-faded-image";
 export * from "./count-up";
-export * from "./cta-search";
 export * from "./flashcard";
 export * from "./flashcard-tinder";
 export * from "./hook-form";
+export * from "./hooks/use-disclose";
 export * from "./hooks/use-media-query";
 export * from "./hooks/use-window-resize";
-export * from "./hooks/use-disclose";
-export * from "./module-selection-button";
 export * from "./image-viewer/image-viewer";
 export * from "./input-slider";
 export * from "./markdown-client";
+export * from "./module-selection-button";
 export * from "./nested-checkbox-select";
+export * from "./question-list";
 export * from "./question-multiple-choice";
+export * from "./question-navigation";
 export * from "./question-variant-preview";
-export * from "./question-list";
+export * from "./search-filters";
+export * from "./search-query";
 export * from "./sidebar";
 export * from "./test-preview";
-export * from "./question-navigation";
 export * from "./test-question-result";
 export * from "./theme";
 export * from "./toaster";
 export * from "./typical";
 export * from "./ups";
-export * from "./search-filters";

libs/react/components/src/search-filters/search-filters.tsx

@@ -26,7 +26,7 @@ export type SearchFiltersProps = {
  * Opinionated component to display search filters. Includes a `NoSsr`boundary
  * to make it safe to render when filter information is persisted client side.
  *
- * provided `fallback`should closely mirror `filters`.
+ * Provided `fallback`should closely mirror `filters`.
  */
 export const SearchFilters: FC<SearchFiltersProps> = ({
   filters: filters,

libs/react/containers/src/learning-objectives/learning-objectives-search/learning-objectives-search.tsx

@@ -21,7 +21,7 @@ import {
 } from "@mui/joy";
 import { CourseNames } from "@chair-flight/core/app";
 import {
-  CtaSearch,
+  SearchQuery,
   HookFormSelect,
   MarkdownClientCompressed,
   SearchFilters,
@@ -105,7 +105,7 @@ export const LearningObjectivesSearch = container<Props, Params, Data>(
             [`& .${selectClasses.root}`]: { width: "13em" },
           }}
         >
-          <CtaSearch
+          <SearchQuery
             size="sm"
             value={search}
             loading={isLoading}

libs/react/containers/src/overviews/overview-module/overview-module.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { Button, Divider, Grid, Typography } from "@mui/joy";
-import { CtaSearch } from "@chair-flight/react/components";
+import { SearchQuery } from "@chair-flight/react/components";
 import { trpc } from "@chair-flight/trpc/client";
 import { LayoutModule } from "../../layouts/layout-module";
 import { container, getRequiredParam } from "../../wraper";
@@ -45,7 +45,7 @@ export const OverviewModule = container<Props, Params, Data>(
           <Grid xs={12} md={6}>
             <Typography level="h2">Search Questions</Typography>
             <Divider sx={{ mb: 2 }} />
-            <CtaSearch
+            <SearchQuery
               disableLabel
               value={searchQuestion}
               onChange={(v) => setQuestionSearch(v)}

libs/react/containers/src/questions/question-search/question-search.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 import { FormProvider } from "react-hook-form";
 import { Select, Stack, Option, selectClasses } from "@mui/joy";
 import {
-  CtaSearch,
+  SearchQuery,
   HookFormSelect,
   QuestionList,
   SearchFilters,
@@ -65,7 +65,7 @@ export const QuestionSearch = container<Props, Params, Data>(
             },
           }}
         >
-          <CtaSearch
+          <SearchQuery
             size="sm"
             value={search}
             loading={isLoading}