update all packages, fix typescript errors (#277)

* simplify ui package, update all packages

* fix typescript errors that occur during build

apps/web/components/auth/BackToLoginButton.tsx

@@ -1,4 +1,4 @@
-import { Button } from "@formbricks/ui";
+import { Button } from "@formbricks/ui/Button";
 
 export default function BackToLoginButton() {
   return (

apps/web/components/auth/GithubButton.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Button } from "@formbricks/ui";
+import { Button } from "@formbricks/ui/Button";
 import { signIn } from "next-auth/react";
 import { FaGithub } from "react-icons/fa";
 

apps/web/components/auth/PasswordResetForm.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { forgotPassword } from "@/lib/users/users";
-import { Button } from "@formbricks/ui";
+import { Button } from "@formbricks/ui/Button";
 import { XCircleIcon } from "@heroicons/react/24/solid";
 import { useRouter } from "next/navigation";
 import { useState } from "react";

apps/web/components/auth/RequestVerificationEmail.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Button } from "@formbricks/ui";
+import { Button } from "@formbricks/ui/Button";
 import { resendVerificationEmail } from "@/lib/users/users";
 import toast from "react-hot-toast";
 

apps/web/components/auth/ResetPasswordForm.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { resetPassword } from "@/lib/users/users";
-import { Button } from "@formbricks/ui";
+import { Button } from "@formbricks/ui/Button";
 import { XCircleIcon } from "@heroicons/react/24/solid";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useState } from "react";

apps/web/components/auth/SigninForm.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Button } from "@formbricks/ui";
+import { Button } from "@formbricks/ui/Button";
 import { XCircleIcon } from "@heroicons/react/24/solid";
 import { signIn } from "next-auth/react";
 import Link from "next/dist/client/link";

apps/web/components/auth/SignupForm.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Button } from "@formbricks/ui";
+import { Button } from "@formbricks/ui/Button";
 import { createUser } from "@/lib/users/users";
 import { XCircleIcon } from "@heroicons/react/24/solid";
 import Link from "next/link";

apps/web/components/integrations/AlertCard.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Card } from "@formbricks/ui";
-import type { CardProps } from "@formbricks/ui";
+import { Card } from "@formbricks/ui/Card";
+import type { CardProps } from "@formbricks/ui/Card";
 
 import { TrashIcon, PencilSquareIcon } from "@heroicons/react/24/outline";
 

apps/web/components/integrations/DocsSidebar.tsx

@@ -1,4 +1,4 @@
-import { Button } from "@formbricks/ui";
+import { Button } from "@formbricks/ui/Button";
 
 export default function DocsSidebar() {
   return (

apps/web/components/integrations/IntegrationsPageTitle.tsx

@@ -1,4 +1,4 @@
-import { BackIcon } from "@formbricks/ui";
+import { BackIcon } from "@formbricks/ui/icons";
 import Link from "next/link";
 
 interface IntegrationPageTitleProps {

apps/web/components/shared/DeleteDialog.tsx

@@ -1,5 +1,5 @@
 import Modal from "@/components/shared/Modal";
-import { Button } from "@formbricks/ui";
+import { Button } from "@formbricks/ui/Button";
 
 interface DeleteDialogProps {
   open: boolean;

apps/web/components/shared/GoBackButton.tsx

@@ -1,4 +1,4 @@
-import { BackIcon } from "@formbricks/ui";
+import { BackIcon } from "@formbricks/ui/icons";
 import { useRouter } from "next/navigation";
 
 export default function GoBackButton() {

apps/web/components/shared/SurveyStatusDropdown.tsx

@@ -4,14 +4,8 @@ import LoadingSpinner from "@/components/shared/LoadingSpinner";
 import SurveyStatusIndicator from "@/components/shared/SurveyStatusIndicator";
 import { useSurveyMutation } from "@/lib/surveys/mutateSurveys";
 import { useSurvey } from "@/lib/surveys/surveys";
-import {
-  ErrorComponent,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@formbricks/ui";
+import { ErrorComponent } from "@formbricks/ui/ErrorComponent";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@formbricks/ui/Select";
 import {
   CheckCircleIcon,
   PauseCircleIcon,
@@ -20,7 +14,7 @@ import {
   ArchiveBoxIcon,
 } from "@heroicons/react/24/solid";
 import toast from "react-hot-toast";
-import { Badge } from "@formbricks/ui";
+import { Badge } from "@formbricks/ui/Badge";
 
 export default function SurveyStatusDropdown({
   surveyId,

apps/web/components/shared/SurveyStatusIndicator.tsx

@@ -1,4 +1,4 @@
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@formbricks/ui";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@formbricks/ui/Tooltip";
 import { useEnvironment } from "@/lib/environments/environments";
 import { ArchiveBoxIcon, CheckIcon, PauseIcon } from "@heroicons/react/24/solid";
 

apps/web/components/shared/WidgetStatusIndicator.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import LoadingSpinner from "@/components/shared/LoadingSpinner";
-import { Confetti } from "@formbricks/ui";
+import { Confetti } from "@formbricks/ui/Confetti";
 import { useEnvironment } from "@/lib/environments/environments";
 import { useEnvironmentMutation } from "@/lib/environments/mutateEnvironments";
 import { useEvents } from "@/lib/events/events";
@@ -10,7 +10,7 @@ import { ArrowDownIcon, CheckIcon, ExclamationTriangleIcon } from "@heroicons/re
 import clsx from "clsx";
 import Link from "next/link";
 import { useEffect, useMemo, useState } from "react";
-import { ErrorComponent } from "@formbricks/ui";
+import { ErrorComponent } from "@formbricks/ui/ErrorComponent";
 
 interface WidgetStatusIndicatorProps {
   environmentId: string;