refactor(ui): remove unused components and exports

packages/ui/components/address/index.ts

@@ -1,3 +1,2 @@
 export { default as AddressInput } from "./AddressInputLazy";
 export { default as MultiEmail } from "./MultiEmailLazy";
-export { default as AddressInputNonLazy } from "./AddressInput";

packages/ui/components/badge/index.ts

@@ -1,6 +1,5 @@
 export { Badge } from "./Badge";
 export { UpgradeTeamsBadge } from "./UpgradeTeamsBadge";
 export { CreditsBadge } from "./CreditsBadge";
-export { UpgradeOrgsBadge } from "./UpgradeOrgsBadge";
 export { InfoBadge } from "./InfoBadge";
 export type { BadgeProps } from "./Badge";

packages/ui/components/dropdown/index.ts

@@ -4,13 +4,9 @@ export {
   DropdownItem,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
-  DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuLabel,
   DropdownMenuPortal,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-  DropdownMenuTriggerItem,
 } from "./Dropdown";

packages/ui/components/form/index.ts

@@ -1,12 +1,8 @@
 export { Checkbox, MultiSelectCheckbox, CheckboxField } from "./checkbox";
 export type { Option as MultiSelectCheckboxesOptionType } from "./checkbox";
-export { HintsOrErrors } from "./inputs/HintOrErrors";
 export {
   EmailField,
   EmailInput,
-  FieldsetLegend,
-  InputGroupBox,
-  InputLeading,
   PasswordField,
   TextArea,
   TextAreaField,
@@ -15,8 +11,6 @@ export {
 } from "./inputs/Input";
 
 export { MultiOptionInput } from "./inputs/MultiOptionInput";
-
-export { InputFieldWithSelect } from "./inputs/InputFieldWithSelect";
 export type { InputFieldProps, InputProps } from "./inputs/types";
 export { InputField, Input, TextField, inputStyles } from "./inputs/TextField";
 export { InputError } from "./inputs/InputError";
@@ -25,12 +19,9 @@ export { Label } from "./inputs/Label";
 export { Select, SelectField, SelectWithValidation, getReactSelectProps } from "./select";
 
 export { DateRangePickerLazy as DateRangePicker } from "./date-range-picker";
-export { Slider } from "./slider";
-export { RangeSlider } from "./slider/RangeSlider";
-export { RangeSliderPopover } from "./slider/RangeSliderPopover";
 export { BooleanToggleGroup, BooleanToggleGroupField, ToggleGroup } from "./toggleGroup";
 export { DatePicker } from "./datepicker";
-export { FormStep, Steps, Stepper } from "./step";
+export { Steps } from "./step";
 export { WizardForm } from "./wizard";
 export { default as ColorPicker } from "./color-picker/colorpicker";
 export { SettingsToggle, Switch } from "./switch";

packages/ui/components/form/inputs/Input.tsx

@@ -14,15 +14,6 @@ import { Input, InputField, inputStyles } from "../inputs/TextField";
 import { Label } from "./Label";
 import type { InputFieldProps } from "./types";
 
-export function InputLeading(props: JSX.IntrinsicElements["div"]) {
-  return (
-    <span className="bg-cal-muted border-default text-subtle inline-flex shrink-0 items-center rounded-l-sm border px-3 ltr:border-r-0 rtl:border-l-0 sm:text-sm sm:leading-4">
-      {props.children}
-    </span>
-  );
-}
-
-
 export const PasswordField = forwardRef<HTMLInputElement, InputFieldProps>(function PasswordField(
   props,
   ref
@@ -149,24 +140,6 @@ export const TextAreaField = forwardRef<HTMLTextAreaElement, TextAreaFieldProps>
   );
 });
 
-export function FieldsetLegend(props: JSX.IntrinsicElements["legend"]) {
-  return (
-    <legend {...props} className={classNames("text-default text-sm font-medium leading-4", props.className)}>
-      {props.children}
-    </legend>
-  );
-}
-
-export function InputGroupBox(props: JSX.IntrinsicElements["div"]) {
-  return (
-    <div
-      {...props}
-      className={classNames("bg-default border-default stack-y-2 rounded-sm border p-2", props.className)}>
-      {props.children}
-    </div>
-  );
-}
-
 export const NumberInput = forwardRef<HTMLInputElement, InputFieldProps>(function NumberInput(props, ref) {
   return (
     <Input

packages/ui/components/form/inputs/input.test.tsx

@@ -1,11 +1,8 @@
-/* eslint-disable playwright/missing-playwright-await */
 import { TooltipProvider } from "@radix-ui/react-tooltip";
 import { render, fireEvent } from "@testing-library/react";
 import { vi } from "vitest";
 
-import type { UnstyledSelect } from "../../address/Select";
 import { EmailField, TextAreaField, PasswordField, NumberInput, FilterSearchField } from "./Input";
-import { InputFieldWithSelect } from "./InputFieldWithSelect";
 import { InputField } from "./TextField";
 
 const onChangeMock = vi.fn();
@@ -117,31 +114,6 @@ describe("Tests for TextAreaField Component", () => {
   });
 });
 
-describe("Tests for InputFieldWithSelect Component", () => {
-  test("Should render correctly with InputField and UnstyledSelect", () => {
-    const onChangeMock = vi.fn();
-
-    const selectProps = {
-      value: null,
-      onChange: onChangeMock,
-      name: "testSelect",
-      options: [
-        { value: "Option 1", label: "Option 1" },
-        { value: "Option 2", label: "Option 2" },
-        { value: "Option 3", label: "Option 3" },
-      ],
-    } as unknown as typeof UnstyledSelect;
-
-    const { getByText } = render(<InputFieldWithSelect selectProps={selectProps} label="testSelect" />);
-
-    const inputElement = getByText("Select...");
-    fireEvent.mouseDown(inputElement);
-
-    const optionElement = getByText("Option 1");
-    expect(optionElement).toBeInTheDocument();
-  });
-});
-
 describe("Tests for NumberInput Component", () => {
   test("Should render correctly with input type number", () => {
     const { getByRole } = render(<NumberInput name="numberInput" />);