chore: revert components

Author: brettkolodny

src/client/components/Badge.tsx

@@ -3,7 +3,7 @@
  * @see {@link https://ui.shadcn.com/docs/components/badge}
  */
 import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
+import { type VariantProps, cva } from "class-variance-authority";
 import { forwardRef } from "react";
 import { cn } from "@/utils/cn";
 

src/client/components/Button.tsx

@@ -3,7 +3,7 @@
  * @see {@link https://ui.shadcn.com/docs/components/button}
  */
 import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
+import { type VariantProps, cva } from "class-variance-authority";
 import { forwardRef } from "react";
 import { cn } from "@/utils/cn";
 

src/client/components/Command.tsx

@@ -4,9 +4,9 @@
  */
 import type { DialogProps } from "@radix-ui/react-dialog";
 import { Command as CommandPrimitive } from "cmdk";
+import { Dialog, DialogContent } from "@/client/components/Dialog";
 import { Search } from "lucide-react";
 import { type FC, forwardRef } from "react";
-import { Dialog, DialogContent } from "@/client/components/Dialog";
 import { cn } from "@/utils/cn";
 
 export const Command = forwardRef<

src/client/components/Dialog.tsx

@@ -7,8 +7,8 @@ import {
 type ComponentPropsWithoutRef,
 type ElementRef,
 type FC,
-forwardRef,
 type HTMLAttributes,
+forwardRef,
 } from "react";
 import { cn } from "@/utils/cn";
 

src/client/components/DropdownMenu.tsx

@@ -6,15 +6,15 @@
  * @see {@link https://www.figma.com/design/WfqIgsTFXN2BscBSSyXWF8/Coder-kit?node-id=656-2354&t=CiGt5le3yJEwMH4M-0}
  */
 
+import { cn } from "@/utils/cn";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
 import {
 type ComponentPropsWithoutRef,
 type ElementRef,
-forwardRef,
 type HTMLAttributes,
+forwardRef,
 } from "react";
-import { cn } from "@/utils/cn";
 
 export const DropdownMenu = DropdownMenuPrimitive.Root;
 

src/client/components/DynamicParameter.tsx

@@ -1,13 +1,5 @@
-import {
-CircleAlert,
-Info,
-LinkIcon,
-Settings,
-TriangleAlert,
-} from "lucide-react";
-import { type FC, useEffect, useId, useRef, useState } from "react";
-import * as Yup from "yup";
 import { Badge } from "@/client/components/Badge";
+
 import { Checkbox } from "@/client/components/Checkbox";
 import { Input } from "@/client/components/Input";
 import { Label } from "@/client/components/Label";
@@ -34,14 +26,23 @@ import {
 TooltipProvider,
 TooltipTrigger,
 } from "@/client/components/Tooltip";
-import { useEditor } from "@/client/contexts/editor";
 import { useDebouncedValue } from "@/client/hooks/debounce";
 import { useEffectEvent } from "@/client/hooks/hookPolyfills";
 import type {
 NullHCLString,
 ParameterWithSource as Parameter,
 ParameterOption,
 } from "@/gen/types";
+import {
+CircleAlert,
+Info,
+LinkIcon,
+Settings,
+TriangleAlert,
+} from "lucide-react";
+import { type FC, useEffect, useId, useRef, useState } from "react";
+import * as Yup from "yup";
+import { useEditor } from "@/client/contexts/editor";
 
 interface WorkspaceBuildParameter {
 readonly name: string;
@@ -679,7 +680,7 @@ const isValidParameterOption = (
 if (Array.isArray(parsed)) {
 values = parsed;
 }
-} catch (_e) {
+} catch (e) {
 return false;
 }
 

src/client/components/Label.tsx

@@ -3,7 +3,7 @@
  * @see {@link https://ui.shadcn.com/docs/components/label}
  */
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva, type VariantProps } from "class-variance-authority";
+import { type VariantProps, cva } from "class-variance-authority";
 import { forwardRef } from "react";
 
 import { cn } from "@/utils/cn";

src/client/components/Markdown.tsx

@@ -1,25 +1,25 @@
+import {
+Table,
+TableBody,
+TableCell,
+TableHeader,
+TableRow,
+} from "@/client/components/Table";
 import isEqual from "lodash/isEqual";
 import {
 type FC,
 type HTMLProps,
-isValidElement,
-memo,
 type ReactElement,
 type ReactNode,
+isValidElement,
+memo,
 } from "react";
 import ReactMarkdown, { type Options } from "react-markdown";
-import { NavLink } from "react-router";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { dracula } from "react-syntax-highlighter/dist/cjs/styles/prism";
 import gfm from "remark-gfm";
-import {
-Table,
-TableBody,
-TableCell,
-TableHeader,
-TableRow,
-} from "@/client/components/Table";
 import { cn } from "@/utils/cn";
+import { NavLink } from "react-router";
 
 interface MarkdownProps {
 /**

src/client/components/MultiSelectCombobox.tsx

@@ -3,28 +3,28 @@
  * @see {@link https://shadcnui-expansions.typeart.cc/docs/multiple-selector}
  */
 import { Command as CommandPrimitive, useCommandState } from "cmdk";
+import { Badge } from "@/client/components/Badge";
+import {
+Command,
+CommandGroup,
+CommandItem,
+CommandList,
+} from "@/client/components/Command";
+import { useDebouncedValue } from "@/client/hooks/debounce";
 import { ChevronDown, X } from "lucide-react";
 import {
 type ComponentProps,
 type ComponentPropsWithoutRef,
-forwardRef,
 type KeyboardEvent,
 type ReactNode,
+forwardRef,
 useCallback,
 useEffect,
 useImperativeHandle,
 useMemo,
 useRef,
 useState,
 } from "react";
-import { Badge } from "@/client/components/Badge";
-import {
-Command,
-CommandGroup,
-CommandItem,
-CommandList,
-} from "@/client/components/Command";
-import { useDebouncedValue } from "@/client/hooks/debounce";
 import { cn } from "@/utils/cn";
 
 export interface Option {
@@ -458,7 +458,6 @@ export const MultiSelectCombobox = forwardRef<
 filter={commandFilter()}
 >
 {/* biome-ignore lint/a11y/useKeyWithClickEvents: onKeyDown is not needed here */}
-{/* biome-ignore lint/a11y/noStaticElementInteractions: This code is pulled from coder/coder and should be fixed there */}
 <div
 className={cn(
 "h-10 min-h-10 rounded-md border border-border border-solid pr-3 text-sm focus-within:ring-2 focus-within:ring-content-link",
@@ -473,7 +472,7 @@ export const MultiSelectCombobox = forwardRef<
 inputRef?.current?.focus();
 }}
 >
-<div className="flex h-full items-center justify-between">
+<div className="flex items-center justify-between h-full">
 <div className="relative flex flex-wrap gap-1">
 {selected.map((option) => {
 return (
@@ -594,7 +593,7 @@ export const MultiSelectCombobox = forwardRef<
 }}
 >
 {isLoading ? (
-loadingIndicator
+<>{loadingIndicator}</>
 ) : (
 <>
 {EmptyItem()}

src/client/components/Table.tsx

@@ -3,7 +3,7 @@
  * @see {@link https://ui.shadcn.com/docs/components/table}
  */
 
-import { cva, type VariantProps } from "class-variance-authority";
+import { type VariantProps, cva } from "class-variance-authority";
 import * as React from "react";
 import { cn } from "@/utils/cn";