From b87cef0781b73cf3472ae30c21aed9f8eb56eb5b Mon Sep 17 00:00:00 2001
From: Codemod Bot <codemod[bot]@users.noreply.github.com>
Date: Wed, 3 Jun 2026 17:22:12 +0000
Subject: [PATCH] Apply AST Transformations

---
 packages/ui/components/form/inputs/Input.tsx      |  4 ++--
 packages/ui/components/form/inputs/TextField.tsx  |  2 +-
 packages/ui/components/form/select/components.tsx |  3 ++-
 .../form/select/{index.ts => index.barrel.bak.ts} |  0
 .../form/step/{index.ts => index.barrel.bak.ts}   |  0
 packages/ui/components/form/switch/Switch.tsx     |  2 +-
 .../form/switch/{index.ts => index.barrel.bak.ts} |  0
 .../toggleGroup/{index.ts => index.barrel.bak.ts} |  0
 packages/ui/components/form/wizard/WizardForm.tsx |  4 ++--
 .../form/wizard/{index.ts => index.barrel.bak.ts} |  0
 .../components/image-uploader/BannerUploader.tsx  |  8 ++++----
 .../components/image-uploader/ImageUploader.tsx   |  8 ++++----
 packages/ui/components/list/List.tsx              |  2 +-
 .../navigation/tabs/HorizontalTabItem.tsx         |  6 +++---
 .../navigation/tabs/VerticalTabItem.tsx           |  4 ++--
 .../navigation/tabs/navigation.test.tsx           |  2 +-
 packages/ui/components/pagination/Pagination.tsx  |  6 +++---
 .../ui/components/popover/AnimatedPopover.tsx     |  6 +++---
 packages/ui/components/section/section.tsx        |  2 +-
 packages/ui/components/sheet/Sheet.tsx            |  2 +-
 packages/ui/components/table/TableActions.tsx     | 15 ++++-----------
 packages/ui/components/top-banner/TopBanner.tsx   |  4 ++--
 22 files changed, 37 insertions(+), 43 deletions(-)
 rename packages/ui/components/form/select/{index.ts => index.barrel.bak.ts} (100%)
 rename packages/ui/components/form/step/{index.ts => index.barrel.bak.ts} (100%)
 rename packages/ui/components/form/switch/{index.ts => index.barrel.bak.ts} (100%)
 rename packages/ui/components/form/toggleGroup/{index.ts => index.barrel.bak.ts} (100%)
 rename packages/ui/components/form/wizard/{index.ts => index.barrel.bak.ts} (100%)

diff --git a/packages/ui/components/form/inputs/Input.tsx b/packages/ui/components/form/inputs/Input.tsx
index db7e511751a555..70b7ecdfa684b1 100644
--- a/packages/ui/components/form/inputs/Input.tsx
+++ b/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";
diff --git a/packages/ui/components/form/inputs/TextField.tsx b/packages/ui/components/form/inputs/TextField.tsx
index ffeef0b88797e2..3e1af3f1dbb212 100644
--- a/packages/ui/components/form/inputs/TextField.tsx
+++ b/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";
diff --git a/packages/ui/components/form/select/components.tsx b/packages/ui/components/form/select/components.tsx
index 58d81d388d8510..1c863de1ccce2b 100644
--- a/packages/ui/components/form/select/components.tsx
+++ b/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";
 
diff --git a/packages/ui/components/form/select/index.ts b/packages/ui/components/form/select/index.barrel.bak.ts
similarity index 100%
rename from packages/ui/components/form/select/index.ts
rename to packages/ui/components/form/select/index.barrel.bak.ts
diff --git a/packages/ui/components/form/step/index.ts b/packages/ui/components/form/step/index.barrel.bak.ts
similarity index 100%
rename from packages/ui/components/form/step/index.ts
rename to packages/ui/components/form/step/index.barrel.bak.ts
diff --git a/packages/ui/components/form/switch/Switch.tsx b/packages/ui/components/form/switch/Switch.tsx
index b3374385a4d1f9..4f23d40789bd32 100644
--- a/packages/ui/components/form/switch/Switch.tsx
+++ b/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) {
diff --git a/packages/ui/components/form/switch/index.ts b/packages/ui/components/form/switch/index.barrel.bak.ts
similarity index 100%
rename from packages/ui/components/form/switch/index.ts
rename to packages/ui/components/form/switch/index.barrel.bak.ts
diff --git a/packages/ui/components/form/toggleGroup/index.ts b/packages/ui/components/form/toggleGroup/index.barrel.bak.ts
similarity index 100%
rename from packages/ui/components/form/toggleGroup/index.ts
rename to packages/ui/components/form/toggleGroup/index.barrel.bak.ts
diff --git a/packages/ui/components/form/wizard/WizardForm.tsx b/packages/ui/components/form/wizard/WizardForm.tsx
index 2ca737ad905a37..fd57650e5c1f87 100644
--- a/packages/ui/components/form/wizard/WizardForm.tsx
+++ b/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 = {
diff --git a/packages/ui/components/form/wizard/index.ts b/packages/ui/components/form/wizard/index.barrel.bak.ts
similarity index 100%
rename from packages/ui/components/form/wizard/index.ts
rename to packages/ui/components/form/wizard/index.barrel.bak.ts
diff --git a/packages/ui/components/image-uploader/BannerUploader.tsx b/packages/ui/components/image-uploader/BannerUploader.tsx
index 0d364a145c208b..db05453c80b9d5 100644
--- a/packages/ui/components/image-uploader/BannerUploader.tsx
+++ b/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";
 
diff --git a/packages/ui/components/image-uploader/ImageUploader.tsx b/packages/ui/components/image-uploader/ImageUploader.tsx
index ee9352441d5239..9dbc6f2809fe5f 100644
--- a/packages/ui/components/image-uploader/ImageUploader.tsx
+++ b/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";
 
diff --git a/packages/ui/components/list/List.tsx b/packages/ui/components/list/List.tsx
index 1487bb970d1c60..1d93b7ff6af7b6 100644
--- a/packages/ui/components/list/List.tsx
+++ b/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;
diff --git a/packages/ui/components/navigation/tabs/HorizontalTabItem.tsx b/packages/ui/components/navigation/tabs/HorizontalTabItem.tsx
index c6e025d62f3362..63d7838b868929 100644
--- a/packages/ui/components/navigation/tabs/HorizontalTabItem.tsx
+++ b/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;
diff --git a/packages/ui/components/navigation/tabs/VerticalTabItem.tsx b/packages/ui/components/navigation/tabs/VerticalTabItem.tsx
index 50379d1a95000f..8eb8dbb8df21c6 100644
--- a/packages/ui/components/navigation/tabs/VerticalTabItem.tsx
+++ b/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;
diff --git a/packages/ui/components/navigation/tabs/navigation.test.tsx b/packages/ui/components/navigation/tabs/navigation.test.tsx
index 7361f61e4fd023..298dc9de8cfce2 100644
--- a/packages/ui/components/navigation/tabs/navigation.test.tsx
+++ b/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";
 
diff --git a/packages/ui/components/pagination/Pagination.tsx b/packages/ui/components/pagination/Pagination.tsx
index f6b67f7edb519e..a9d42a2148b4c7 100644
--- a/packages/ui/components/pagination/Pagination.tsx
+++ b/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;
diff --git a/packages/ui/components/popover/AnimatedPopover.tsx b/packages/ui/components/popover/AnimatedPopover.tsx
index 5eaaa9c900579c..4d251cf4b6286f 100644
--- a/packages/ui/components/popover/AnimatedPopover.tsx
+++ b/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,
diff --git a/packages/ui/components/section/section.tsx b/packages/ui/components/section/section.tsx
index bea97f8cb427fc..b539951e87ccf7 100644
--- a/packages/ui/components/section/section.tsx
+++ b/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 = ({
diff --git a/packages/ui/components/sheet/Sheet.tsx b/packages/ui/components/sheet/Sheet.tsx
index 5a0a4f249e46ac..1235359d8cc55a 100644
--- a/packages/ui/components/sheet/Sheet.tsx
+++ b/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} />;
diff --git a/packages/ui/components/table/TableActions.tsx b/packages/ui/components/table/TableActions.tsx
index 121911937ca6f1..a303c725ba7241 100644
--- a/packages/ui/components/table/TableActions.tsx
+++ b/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;
diff --git a/packages/ui/components/top-banner/TopBanner.tsx b/packages/ui/components/top-banner/TopBanner.tsx
index 4fc4cdcaa228e6..06a1c8fd39c446 100644
--- a/packages/ui/components/top-banner/TopBanner.tsx
+++ b/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;