ui/select: rename to tagSelect

pkgs/clan-app/ui/src/components/Search/TagSelect.stories.tsx

@@ -1,17 +1,17 @@
 import { Meta, StoryObj } from "@kachurun/storybook-solid";
 
-import { SelectStepper, SelectStepperProps } from "./SelectStepper";
+import { TagSelect, TagSelectProps } from "./TagSelect";
 import { Tag } from "../Tag/Tag";
 import Icon from "../Icon/Icon";
 
 const meta = {
   title: "Components/Custom/SelectStepper",
-  component: SelectStepper,
-} satisfies Meta<SelectStepperProps<string>>;
+  component: TagSelect,
+} satisfies Meta<TagSelectProps<string>>;
 
 export default meta;
 
-type Story = StoryObj<SelectStepperProps<string>>;
+type Story = StoryObj<TagSelectProps<string>>;
 
 const Item = (item: string) => (
   <Tag

pkgs/clan-app/ui/src/components/Search/TagSelect.tsx

@@ -1,11 +1,11 @@
 import Icon from "../Icon/Icon";
 import { Typography } from "../Typography/Typography";
 import { For, JSX, Show } from "solid-js";
-import styles from "./SelectStepper.module.css";
+import styles from "./TagSelect.module.css";
 import { Combobox } from "@kobalte/core/combobox";
 import { Button } from "../Button/Button";
 
-export interface SelectStepperProps<T> {
+export interface TagSelectProps<T> {
   // Define any props needed for the SelectStepper component
   values: T[];
   options: T[];
@@ -14,7 +14,7 @@ export interface SelectStepperProps<T> {
   renderItem: (item: T) => JSX.Element;
 }
 
-export function SelectStepper<T>(props: SelectStepperProps<T>) {
+export function TagSelect<T>(props: TagSelectProps<T>) {
   return (
     <div class={styles.dummybg}>
       <div class="flex flex-col gap-1.5">