Apply AST Transformations

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

@@ -7,8 +7,8 @@ import type React from "react";
 import type { ReactNode } from "react";
 import { forwardRef, useCallback, useId, useState } from "react";
 import { useFormContext } from "react-hook-form";
-import { Alert } from "../../alert";
-import { Tooltip } from "../../tooltip";
+import { Alert } from "../../alert/Alert";
+import Tooltip from "../../tooltip/Tooltip";
 import { Input, InputField, inputStyles } from "../inputs/TextField";
 import { Label } from "./Label";
 import type { InputFieldProps } from "./types";

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

@@ -6,7 +6,7 @@ import { InfoIcon } from "@coss/ui/icons";
 import { cva } from "class-variance-authority";
 import type React from "react";
 import { forwardRef, useId, useState } from "react";
-import { Icon } from "../../icon";
+import Icon from "../../icon/Icon";
 import { HintsOrErrors } from "./HintOrErrors";
 import { Label } from "./Label";
 import type { InputFieldProps, InputProps } from "./types";

packages/ui/components/form/select/components.tsx

@@ -3,7 +3,8 @@ import { components as reactSelectComponents } from "react-select";
 
 import classNames from "@calcom/ui/classNames";
 
-import { Badge, CreditsBadge } from "../../badge";
+import { Badge } from "../../badge/Badge";
+import { CreditsBadge } from "../../badge/CreditsBadge";
 import { CheckIcon } from "@coss/ui/icons";
 import type { SelectProps } from "./types";
 

packages/ui/components/form/switch/Switch.tsx

@@ -4,7 +4,7 @@ import * as Label from "@radix-ui/react-label";
 import * as PrimitiveSwitch from "@radix-ui/react-switch";
 import type React from "react";
 import type { ReactNode } from "react";
-import { Tooltip } from "../../tooltip";
+import Tooltip from "../../tooltip/Tooltip";
 
 const Wrapper = ({ children, tooltip }: { tooltip?: string; children: React.ReactNode }) => {
   if (!tooltip) {

packages/ui/components/form/wizard/WizardForm.tsx

@@ -5,8 +5,8 @@ import { useEffect, useState } from "react";
 
 import classNames from "@calcom/ui/classNames";
 
-import { Button } from "../../button";
-import { Steps } from "../../form/step";
+import { Button } from "../../button/Button";
+import { Steps } from "../../form/step/Steps";
 import { useWizardState } from "./useWizardState";
 
 export type WizardStep = {

packages/ui/components/image-uploader/BannerUploader.tsx

@@ -6,10 +6,10 @@ import Cropper from "react-easy-crop";
 import checkIfItFallbackImage from "@calcom/lib/checkIfItFallbackImage";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 
-import type { ButtonColor } from "../button";
-import { Button } from "../button";
-import { Dialog, DialogClose, DialogContent, DialogTrigger, DialogFooter } from "../dialog";
-import { showToast } from "../toast";
+import type { ButtonColor } from "../button/Button";
+import { Button } from "../button/Button";
+import { Dialog, DialogClose, DialogContent, DialogTrigger, DialogFooter } from "../dialog/Dialog";
+import { showToast } from "../toast/showToast";
 import { useFileReader, createImage, Slider } from "./Common";
 import type { FileEvent, Area } from "./Common";
 

packages/ui/components/image-uploader/ImageUploader.tsx

@@ -6,10 +6,10 @@ import Cropper from "react-easy-crop";
 import checkIfItFallbackImage from "@calcom/lib/checkIfItFallbackImage";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 
-import type { ButtonColor, ButtonProps } from "../button";
-import { Button } from "../button";
-import { Dialog, DialogClose, DialogContent, DialogTrigger, DialogFooter } from "../dialog";
-import { showToast } from "../toast";
+import type { ButtonColor, ButtonProps } from "../button/Button";
+import { Button } from "../button/Button";
+import { Dialog, DialogClose, DialogContent, DialogTrigger, DialogFooter } from "../dialog/Dialog";
+import { showToast } from "../toast/showToast";
 import { useFileReader, createImage, Slider } from "./Common";
 import type { FileEvent, Area } from "./Common";
 

packages/ui/components/list/List.tsx

@@ -4,7 +4,7 @@ import { createElement } from "react";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import classNames from "@calcom/ui/classNames";
 
-import { Badge } from "../badge";
+import { Badge } from "../badge/Badge";
 
 export type ListProps = {
   roundContainer?: boolean;

packages/ui/components/navigation/tabs/HorizontalTabItem.tsx

@@ -4,9 +4,9 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { useUrlMatchesCurrentUrl } from "@calcom/lib/hooks/useUrlMatchesCurrentUrl";
 import classNames from "@calcom/ui/classNames";
 
-import { Avatar } from "../../avatar";
-import { Icon } from "../../icon";
-import type { IconName } from "../../icon";
+import { Avatar } from "../../avatar/Avatar";
+import Icon from "../../icon/Icon";
+import type { IconName } from "../../icon/icon-names";
 
 export type HorizontalTabItemProps = {
   name: string;

packages/ui/components/navigation/tabs/VerticalTabItem.tsx

@@ -6,8 +6,8 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { useUrlMatchesCurrentUrl } from "@calcom/lib/hooks/useUrlMatchesCurrentUrl";
 import classNames from "@calcom/ui/classNames";
 
-import { Icon } from "../../icon";
-import type { IconName } from "../../icon";
+import Icon from "../../icon/Icon";
+import type { IconName } from "../../icon/icon-names";
 
 export type VerticalTabItemProps = {
   name: string;

packages/ui/components/navigation/tabs/navigation.test.tsx

@@ -1,7 +1,7 @@
 import { fireEvent, render, screen } from "@testing-library/react";
 import { vi } from "vitest";
 
-import type { IconName } from "../../icon";
+import type { IconName } from "../../icon/icon-names";
 import HorizontalTabs from "./HorizontalTabs";
 import VerticalTabs from "./VerticalTabs";
 

packages/ui/components/pagination/Pagination.tsx

@@ -4,9 +4,9 @@ import { useState } from "react";
 
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 
-import { Button } from "../button";
-import { ButtonGroup } from "../buttonGroup";
-import { Select } from "../form/select";
+import { Button } from "../button/Button";
+import { ButtonGroup } from "../buttonGroup/ButtonGroup";
+import { Select } from "../form/select/Select";
 
 export interface PaginationProps {
   currentPage: number;

packages/ui/components/popover/AnimatedPopover.tsx

@@ -3,9 +3,9 @@ import React from "react";
 
 import classNames from "@calcom/ui/classNames";
 
-import { buttonClasses } from "../button";
-import { Icon } from "../icon";
-import { Tooltip } from "../tooltip";
+import { buttonClasses } from "../button/Button";
+import Icon from "../icon/Icon";
+import Tooltip from "../tooltip/Tooltip";
 
 export const AnimatedPopover = ({
   text,

packages/ui/components/section/section.tsx

@@ -2,7 +2,7 @@ import { useAutoAnimate } from "@formkit/auto-animate/react";
 import { Slot } from "@radix-ui/react-slot";
 
 import cn from "../../classNames";
-import type { IconName } from "../icon";
+import type { IconName } from "../icon/icon-names";
 import { Icon as IconComponent } from "../icon";
 
 const Root = ({

packages/ui/components/sheet/Sheet.tsx

@@ -5,7 +5,7 @@ import * as React from "react";
 
 import classNames from "@calcom/ui/classNames";
 
-import { Button } from "../button";
+import { Button } from "../button/Button";
 
 const Sheet = (props: React.ComponentPropsWithoutRef<typeof SheetPrimitives.Root>) => {
   return <SheetPrimitives.Root {...props} />;

packages/ui/components/table/TableActions.tsx

@@ -1,17 +1,10 @@
 import type { FC } from "react";
 import React from "react";
 
-import type { ButtonBaseProps } from "../button";
-import { Button } from "../button";
-import {
-  Dropdown,
-  DropdownItem,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuPortal,
-  DropdownMenuTrigger,
-} from "../dropdown";
-import type { IconName } from "../icon";
+import type { ButtonBaseProps } from "../button/Button";
+import { Button } from "../button/Button";
+import { Dropdown, DropdownItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuTrigger } from "../dropdown/Dropdown";
+import type { IconName } from "../icon/icon-names";
 
 export type ActionType = {
   id: string;

packages/ui/components/top-banner/TopBanner.tsx

@@ -3,8 +3,8 @@ import type { ReactNode } from "react";
 
 import { TOP_BANNER_HEIGHT } from "@calcom/lib/constants";
 
-import { Icon } from "../icon";
-import type { IconName } from "../icon";
+import Icon from "../icon/Icon";
+import type { IconName } from "../icon/icon-names";
 
 export type TopBannerProps = {
   icon?: IconName;