[WEB-4934] dev: propel button implementation (#4322)

apps/admin/app/authentication/oidc/form.tsx

@@ -2,8 +2,9 @@ import { FC, useState } from "react";
 import Link from "next/link";
 import { useForm } from "react-hook-form";
 // plane internal packages
+import { Button, getButtonStyling } from "@plane/propel/button";
 import { IFormattedInstanceConfiguration, TInstanceOIDCAuthenticationConfigurationKeys } from "@plane/types";
-import { Button, TOAST_TYPE, getButtonStyling, setToast } from "@plane/ui";
+import { TOAST_TYPE, setToast } from "@plane/ui";
 import { cn } from "@plane/utils";
 // components
 import { CodeBlock } from "@/components/common/code-block";

apps/admin/app/authentication/saml/form.tsx

@@ -2,8 +2,9 @@ import { FC, useState } from "react";
 import Link from "next/link";
 import { Controller, useForm } from "react-hook-form";
 // plane internal packages
+import { Button, getButtonStyling } from "@plane/propel/button";
 import { IFormattedInstanceConfiguration, TInstanceSAMLAuthenticationConfigurationKeys } from "@plane/types";
-import { Button, TOAST_TYPE, TextArea, getButtonStyling, setToast } from "@plane/ui";
+import { TOAST_TYPE, TextArea, setToast } from "@plane/ui";
 import { cn } from "@plane/utils";
 // components
 import { CodeBlock } from "@/components/common/code-block";

apps/admin/ee/components/authentication/oidc-config.tsx

@@ -6,8 +6,9 @@ import Link from "next/link";
 // icons
 import { Settings2 } from "lucide-react";
 // plane internal packages
+import { getButtonStyling } from "@plane/propel/button";
 import { TInstanceEnterpriseAuthenticationMethodKeys } from "@plane/types";
-import { ToggleSwitch, getButtonStyling } from "@plane/ui";
+import { ToggleSwitch } from "@plane/ui";
 import { cn } from "@plane/utils";
 // hooks
 import { useInstance } from "@/hooks/store";

apps/admin/ee/components/authentication/saml-config.tsx

@@ -6,8 +6,9 @@ import Link from "next/link";
 // icons
 import { Settings2 } from "lucide-react";
 // plane internal packages
+import { getButtonStyling } from "@plane/propel/button";
 import { TInstanceEnterpriseAuthenticationMethodKeys } from "@plane/types";
-import { ToggleSwitch, getButtonStyling } from "@plane/ui";
+import { ToggleSwitch } from "@plane/ui";
 import { cn } from "@plane/utils";
 // hooks
 import { useInstance } from "@/hooks/store";

apps/admin/ee/components/common/upgrade-button.tsx

@@ -3,7 +3,8 @@
 import React from "react";
 // plane internal packages
 import { WEB_BASE_URL } from "@plane/constants";
-import { AlertModalCore, Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
+import { AlertModalCore } from "@plane/ui";
 
 export const UpgradeButton: React.FC = () => {
   // states

apps/dev-wiki/app/(all)/[workspaceSlug]/(wiki)/wiki/(pageType)/header.tsx

@@ -6,9 +6,10 @@ import { useParams, usePathname, useRouter } from "next/navigation";
 import { FileText } from "lucide-react";
 // plane imports
 import { EPageAccess } from "@plane/constants";
+import { Button } from "@plane/propel/button";
 import { TPage, TPageNavigationTabs } from "@plane/types";
 // ui
-import { Breadcrumbs, Button, Header, setToast, TOAST_TYPE } from "@plane/ui";
+import { Breadcrumbs, Header, setToast, TOAST_TYPE } from "@plane/ui";
 // components
 import { BreadcrumbLink } from "@/components/common";
 // import { FiltersDropdown } from "@/components/issues";

apps/dev-wiki/app/(all)/[workspaceSlug]/(wiki)/wiki/[pageId]/page.tsx

@@ -6,8 +6,8 @@ import Link from "next/link";
 import { useParams } from "next/navigation";
 import useSWR from "swr";
 // plane imports
+import { getButtonStyling } from "@plane/propel/button";
 import { EFileAssetType, TSearchEntityRequestPayload, TWebhookConnectionQueryParams } from "@plane/types";
-import { getButtonStyling } from "@plane/ui";
 import { cn } from "@plane/utils";
 // components
 import { LogoSpinner } from "@/components/common";

apps/dev-wiki/app/error.tsx

@@ -2,7 +2,8 @@
 
 // ui
 import Link from "next/link";
-import { Button, TOAST_TYPE, getButtonStyling, setToast } from "@plane/ui";
+import { Button, getButtonStyling } from "@plane/propel/button";
+import { TOAST_TYPE, setToast } from "@plane/ui";
 // helpers
 import { cn } from "@plane/utils";
 import { API_BASE_URL } from "@/helpers/common.helper";

apps/dev-wiki/app/not-found.tsx

@@ -5,7 +5,7 @@ import { Metadata } from "next";
 import Image from "next/image";
 import Link from "next/link";
 // ui
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // images
 import Image404 from "@/public/404.svg";
 

apps/dev-wiki/core/components/auth-screens/workspace/not-a-member.tsx

@@ -2,7 +2,7 @@
 
 import Link from "next/link";
 // ui
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // layouts
 import DefaultLayout from "@/layouts/default-layout";
 

apps/dev-wiki/core/components/common/custom-error.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 
 export const CustomError = () => {
   const handleRefresh = () => {

apps/dev-wiki/core/components/common/empty-state.tsx

@@ -4,7 +4,7 @@ import React from "react";
 import Image from "next/image";
 
 // ui
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 
 type Props = {
   title: string;

apps/dev-wiki/core/components/common/new-empty-state.tsx

@@ -4,7 +4,7 @@ import React, { useState } from "react";
 import Image from "next/image";
 
 // ui
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 
 type Props = {
   title: string;

apps/dev-wiki/core/components/core/filters/date-filter-modal.tsx

@@ -5,8 +5,8 @@ import { Controller, useForm } from "react-hook-form";
 import { X } from "lucide-react";
 import { Dialog, Transition } from "@headlessui/react";
 
+import { Button } from "@plane/propel/button";
 import { Calendar } from "@plane/propel/calendar";
-import { Button } from "@plane/ui";
 
 import { renderFormattedPayloadDate, renderFormattedDate, getDate } from "@/helpers/date-time.helper";
 import { DateFilterSelect } from "./date-filter-select";

apps/dev-wiki/core/components/core/image-picker-popover.tsx

@@ -11,8 +11,9 @@ import { Tab, Popover } from "@headlessui/react";
 // plane imports
 import { ACCEPTED_COVER_IMAGE_MIME_TYPES_FOR_REACT_DROPZONE, MAX_FILE_SIZE } from "@plane/constants";
 import { useOutsideClickDetector } from "@plane/hooks";
+import { Button } from "@plane/propel/button";
 import { EFileAssetType } from "@plane/types";
-import { Button, Input, Loader, TOAST_TYPE, setToast } from "@plane/ui";
+import { Input, Loader, TOAST_TYPE, setToast } from "@plane/ui";
 // helpers
 import { getFileURL } from "@/helpers/file.helper";
 // hooks

apps/dev-wiki/core/components/core/theme/custom-theme-selector.tsx

@@ -5,9 +5,10 @@ import { observer } from "mobx-react";
 import { Controller, useForm } from "react-hook-form";
 // types
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { IUserTheme } from "@plane/types";
 // ui
-import { Button, InputColorPicker, setPromiseToast } from "@plane/ui";
+import { InputColorPicker, setPromiseToast } from "@plane/ui";
 // hooks
 import { useUserProfile } from "@/hooks/store";
 

apps/dev-wiki/core/components/editor/lite-text/toolbar.tsx

@@ -8,7 +8,8 @@ import { EditorRefApi } from "@plane/editor";
 // i18n
 import { useTranslation } from "@plane/i18n";
 // ui
-import { Button, Tooltip } from "@plane/ui";
+import { Button } from "@plane/propel/button";
+import { Tooltip } from "@plane/ui";
 // constants
 import { cn } from "@plane/utils";
 import { TOOLBAR_ITEMS, ToolbarMenuItem } from "@/constants/editor";

apps/dev-wiki/core/components/empty-state/index.tsx

@@ -4,7 +4,7 @@ import React from "react";
 import { observer } from "mobx-react";
 import Image from "next/image";
 // ui
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // utils
 import { cn } from "@plane/utils";
 

apps/dev-wiki/core/components/instance/maintenance-view.tsx

@@ -3,7 +3,7 @@
 import { FC } from "react";
 import Image from "next/image";
 // ui
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // layouts
 import DefaultLayout from "@/layouts/default-layout";
 // components

apps/dev-wiki/core/components/instance/not-ready-view.tsx

@@ -4,7 +4,7 @@ import { FC } from "react";
 import Image from "next/image";
 import Link from "next/link";
 import { useTheme } from "next-themes";
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // helpers
 import { GOD_MODE_URL } from "@/helpers/common.helper";
 // images

apps/dev-wiki/core/components/pages/list/order-by.tsx

@@ -1,10 +1,11 @@
 "use client";
 
 import { ArrowDownWideNarrow, ArrowUpWideNarrow, Check, ChevronDown } from "lucide-react";
+import { getButtonStyling } from "@plane/propel/button";
 // types
 import { TPageFiltersSortBy, TPageFiltersSortKey } from "@plane/types";
 // ui
-import { CustomMenu, getButtonStyling } from "@plane/ui";
+import { CustomMenu } from "@plane/ui";
 // helpers
 import { cn } from "@/helpers/common.helper";
 

apps/dev-wiki/core/components/pages/modals/page-form.tsx

@@ -7,9 +7,10 @@ import { FileText, Globe2, Lock, LucideIcon } from "lucide-react";
 import { ETabIndices, EPageAccess } from "@plane/constants";
 // i18n
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { TPage } from "@plane/types";
 // ui
-import { Button, EmojiIconPicker, EmojiIconPickerTypes, Input } from "@plane/ui";
+import { EmojiIconPicker, EmojiIconPickerTypes, Input } from "@plane/ui";
 import { Logo } from "@/components/common";
 // constants
 import { AccessField } from "@/components/common/access-field";

apps/dev-wiki/core/components/pages/version/main-content.tsx

@@ -2,10 +2,11 @@ import { useState } from "react";
 import { observer } from "mobx-react";
 import useSWR from "swr";
 import { EyeIcon, TriangleAlert } from "lucide-react";
+import { Button } from "@plane/propel/button";
 // plane types
 import { TPageVersion } from "@plane/types";
 // plane ui
-import { Button, setToast, TOAST_TYPE } from "@plane/ui";
+import { setToast, TOAST_TYPE } from "@plane/ui";
 import { renderFormattedDate, renderFormattedTime } from "@plane/utils";
 // components
 import { TVersionEditorProps } from "@/components/pages";

apps/dev-wiki/core/layouts/auth-layout/workspace-wrapper.tsx

@@ -10,7 +10,8 @@ import useSWR from "swr";
 // ui
 import { LogOut } from "lucide-react";
 import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
-import { Button, getButtonStyling, setToast, TOAST_TYPE, Tooltip } from "@plane/ui";
+import { Button, getButtonStyling } from "@plane/propel/button";
+import { setToast, TOAST_TYPE, Tooltip } from "@plane/ui";
 // components
 import { cn } from "@plane/utils";
 import { LogoSpinner } from "@/components/common";

apps/dev-wiki/ee/components/pages/editor/embed/issue-embed-upgrade-card.tsx

@@ -1,6 +1,6 @@
 import { Crown } from "lucide-react";
 // ui
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 import { useWorkspaceSubscription } from "@/plane-web/hooks/store/use-workspace-subscription";
 
 export const IssueEmbedUpgradeCard: React.FC<any> = (props) => {

apps/dev-wiki/ee/components/pages/header/share-control.tsx

@@ -6,7 +6,7 @@ import { useParams } from "next/navigation";
 // constants
 import { EPageAccess } from "@plane/constants";
 // plane imports
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // plane web hooks
 import { usePageShareForm } from "@/plane-web/hooks/pages/use-page-share-form";
 import { EPageStoreType } from "@/plane-web/hooks/store";

apps/dev-wiki/ee/components/pages/modals/publish-page-modal.tsx

@@ -2,7 +2,8 @@ import { useEffect, useState } from "react";
 import { observer } from "mobx-react";
 import { ExternalLink, Globe2 } from "lucide-react";
 // ui
-import { Button, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
+import { Button } from "@plane/propel/button";
+import { EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
 // helpers
 import { SPACE_BASE_PATH, SPACE_BASE_URL } from "@/helpers/common.helper";
 import { copyTextToClipboard } from "@/helpers/string.helper";

apps/dev-wiki/ee/components/pages/publish-actions.tsx

@@ -3,8 +3,8 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // plane imports
 import { EUserPermissionsLevel, SPACE_BASE_PATH, SPACE_BASE_URL } from "@plane/constants";
+import { Button } from "@plane/propel/button";
 import { EUserWorkspaceRoles } from "@plane/types";
-import { Button } from "@plane/ui";
 // hooks
 import { useUserPermissions } from "@/hooks/store/user";
 // plane web components

apps/dev-wiki/ee/components/pages/share/modal-footer.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 
 type TModalFooterProps = {
   hasUnsavedChanges: boolean;

apps/dev-wiki/ee/components/pages/share/modal-header.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Link2 } from "lucide-react";
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 
 type TModalHeaderProps = {
   pageTitle: string;

apps/dev-wiki/ee/components/pages/workspace-pages-upgrade.tsx

@@ -5,7 +5,7 @@ import { observer } from "mobx-react";
 import Link from "next/link";
 // ui
 import { useParams } from "next/navigation";
-import { Button, getButtonStyling } from "@plane/ui";
+import { Button, getButtonStyling } from "@plane/propel/button";
 // helpers
 import { cn } from "@/helpers/common.helper";
 // plane web components

apps/dev-wiki/ee/components/workspace-disabled.tsx

@@ -9,7 +9,8 @@ import { useTheme } from "next-themes";
 import { CircleAlert } from "lucide-react";
 // hooks
 import { EUserPermissionsLevel } from "@plane/constants";
-import { AlertModalCore, Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
+import { AlertModalCore } from "@plane/ui";
 import { useUserPermissions } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";
 // plane web constants

apps/space/ee/components/intake/create/form.tsx

@@ -3,9 +3,10 @@ import { observer } from "mobx-react";
 import { Controller, useFormContext } from "react-hook-form";
 import { type EditorRefApi } from "@plane/editor";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { IProject } from "@plane/types";
 // plane ui
-import { Button, Input } from "@plane/ui";
+import { Input } from "@plane/ui";
 import { getFileURL } from "@plane/utils";
 // components
 import { ProjectLogo } from "@/components/common/project-logo";

apps/space/ee/components/intake/create/success.tsx

@@ -2,7 +2,7 @@ import Image from "next/image";
 import Link from "next/link";
 import { useTheme } from "next-themes";
 import { useTranslation } from "@plane/i18n";
-import { Button, getButtonStyling } from "@plane/ui";
+import { Button, getButtonStyling } from "@plane/propel/button";
 import { cn } from "@plane/utils";
 import SuccessDark from "@/public/instance/intake-sent-dark.png";
 import SuccessLight from "@/public/instance/intake-sent-light.png";

apps/space/ee/components/intake/info.tsx

@@ -1,7 +1,8 @@
 import { useRef } from "react";
 import Link from "next/link";
 import { useTranslation } from "@plane/i18n";
-import { Button, Popover, Tooltip } from "@plane/ui";
+import { Button } from "@plane/propel/button";
+import { Popover, Tooltip } from "@plane/ui";
 
 const info = [
   "This short form lets you create a new work item in a Plane project.",

apps/space/ee/components/issue-layouts/filters/header/helpers/dropdown.tsx

@@ -8,7 +8,7 @@ import { ChevronUp } from "lucide-react";
 // headless ui
 import { Popover, Transition } from "@headlessui/react";
 // ui
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 
 type Props = {
   children: React.ReactNode;

apps/web/app/(all)/[workspaceSlug]/(projects)/dashboards/(list)/header.tsx

@@ -1,7 +1,8 @@
 import { observer } from "mobx-react";
 import { LayoutGrid } from "lucide-react";
 // plane ui
-import { Breadcrumbs, Button, Header } from "@plane/ui";
+import { Button } from "@plane/propel/button";
+import { Breadcrumbs, Header } from "@plane/ui";
 // components
 import { BreadcrumbLink } from "@/components/common/breadcrumb-link";
 // plane web components

apps/web/app/(all)/[workspaceSlug]/(projects)/initiatives/(list)/header.tsx

@@ -5,10 +5,11 @@ import { useParams } from "next/navigation";
 // plane imports
 import { EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { InitiativeIcon } from "@plane/propel/icons";
 import { EUserWorkspaceRoles } from "@plane/types";
 // ui
-import { Breadcrumbs, Button, Header } from "@plane/ui";
+import { Breadcrumbs, Header } from "@plane/ui";
 // components
 import { BreadcrumbLink } from "@/components/common/breadcrumb-link";
 // hooks

apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/epics/(list)/header.tsx

@@ -5,8 +5,9 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // plane imports
 import { EProjectFeatureKey, EUserPermissionsLevel } from "@plane/constants";
+import { Button } from "@plane/propel/button";
 import { EIssuesStoreType, EUserProjectRoles } from "@plane/types";
-import { Breadcrumbs, Button, Tooltip, Header } from "@plane/ui";
+import { Breadcrumbs, Tooltip, Header } from "@plane/ui";
 // components
 import { CountChip } from "@/components/common/count-chip";
 import { HeaderFilters } from "@/components/issues/filters";

apps/web/app/(all)/[workspaceSlug]/(projects)/teamspaces/(detail)/[teamspaceId]/pages/(detail)/[pageId]/page.tsx

@@ -6,9 +6,9 @@ import Link from "next/link";
 import { useParams } from "next/navigation";
 import useSWR from "swr";
 // plane types
+import { getButtonStyling } from "@plane/propel/button";
 import { EFileAssetType, TSearchEntityRequestPayload, TWebhookConnectionQueryParams } from "@plane/types";
 // plane ui
-import { getButtonStyling } from "@plane/ui";
 // plane utils
 import { cn } from "@plane/utils";
 // components

apps/web/app/(all)/[workspaceSlug]/(projects)/teamspaces/(detail)/[teamspaceId]/views/(detail)/header.tsx

@@ -7,6 +7,7 @@ import { Layers, Lock } from "lucide-react";
 // plane imports
 import { EIssueFilterType, ISSUE_DISPLAY_FILTERS_BY_PAGE, EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { TeamsIcon } from "@plane/propel/icons";
 // types
 import {
@@ -19,7 +20,7 @@ import {
   ICustomSearchSelectOption,
 } from "@plane/types";
 // ui
-import { Breadcrumbs, Button, Tooltip, Header, Loader, BreadcrumbNavigationSearchDropdown } from "@plane/ui";
+import { Breadcrumbs, Tooltip, Header, Loader, BreadcrumbNavigationSearchDropdown } from "@plane/ui";
 // components
 import { getPublishViewLink } from "@plane/utils";
 import { BreadcrumbLink } from "@/components/common/breadcrumb-link";

apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/integrations/page.tsx

@@ -6,7 +6,7 @@ import Link from "next/link";
 import useSWR from "swr";
 import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 import { NotAuthorizedView } from "@/components/auth-screens/not-authorized-view";
 import { PageHead } from "@/components/core/page-title";
 // hooks

apps/web/app/(all)/[workspaceSlug]/(wiki)/wiki/(pageType)/header.tsx

@@ -6,8 +6,9 @@ import { useParams, usePathname, useRouter } from "next/navigation";
 import { FileText, ListFilter } from "lucide-react";
 // plane imports
 import { WORKSPACE_PAGE_TRACKER_EVENTS, EPageAccess } from "@plane/constants";
+import { Button } from "@plane/propel/button";
 import { TPage, TPageNavigationTabs } from "@plane/types";
-import { Breadcrumbs, Button, Header, setToast, TOAST_TYPE } from "@plane/ui";
+import { Breadcrumbs, Header, setToast, TOAST_TYPE } from "@plane/ui";
 import { calculateTotalFilters, capitalizeFirstLetter } from "@plane/utils";
 // components
 import { BreadcrumbLink } from "@/components/common/breadcrumb-link";

apps/web/app/(all)/[workspaceSlug]/(wiki)/wiki/(pageType)/shared/empty-shared-pages.tsx

@@ -4,8 +4,8 @@ import { observer } from "mobx-react";
 import { Users, Crown } from "lucide-react";
 // plane imports
 import { EUserPermissionsLevel } from "@plane/constants";
+import { Button, getButtonStyling } from "@plane/propel/button";
 import { EUserWorkspaceRoles } from "@plane/types";
-import { Button, getButtonStyling } from "@plane/ui";
 import { cn } from "@plane/utils";
 // hooks
 import { useUserPermissions } from "@/hooks/store/user";

apps/web/app/(all)/[workspaceSlug]/(wiki)/wiki/[pageId]/page.tsx

@@ -6,8 +6,8 @@ import Link from "next/link";
 import { useParams } from "next/navigation";
 import useSWR from "swr";
 // plane imports
+import { getButtonStyling } from "@plane/propel/button";
 import { EFileAssetType, TSearchEntityRequestPayload, TWebhookConnectionQueryParams } from "@plane/types";
-import { getButtonStyling } from "@plane/ui";
 import { cn } from "@plane/utils";
 // components
 import { LogoSpinner } from "@/components/common/logo-spinner";

apps/web/app/workspace-selector/[feature]/[identifier]/empty-state.tsx

@@ -3,7 +3,7 @@ import Image from "next/image";
 import Link from "next/link";
 // plane imports
 import { useTranslation } from "@plane/i18n";
-import { getButtonStyling } from "@plane/ui";
+import { getButtonStyling } from "@plane/propel/button";
 import { cn } from "@plane/utils";
 // hooks
 import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";

apps/web/app/workspace-selector/[feature]/[identifier]/workspace-selector.tsx

@@ -2,9 +2,10 @@ import { useCallback, useMemo, useState } from "react";
 import { observer } from "mobx-react";
 // plane imports
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { projectTemplateService } from "@plane/services";
 import { EUserPermissions, IWorkspace } from "@plane/types";
-import { Button, Loader, setToast, TOAST_TYPE } from "@plane/ui";
+import { Loader, setToast, TOAST_TYPE } from "@plane/ui";
 import { orderWorkspacesList } from "@plane/utils";
 // hooks
 import { useWorkspace } from "@/hooks/store/use-workspace";

apps/web/ce/components/workspace/upgrade-empty-state-button.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC } from "react";
-import { getButtonStyling } from "@plane/ui";
+import { getButtonStyling } from "@plane/propel/button";
 
 type TUpgradeEmptyStateButtonProps = {
   workspaceSlug: string;

apps/web/core/components/common/custom-error.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 
 export const CustomError = () => {
   const handleRefresh = () => {

apps/web/core/components/importers/empty-state.tsx

@@ -2,7 +2,7 @@ import { FC } from "react";
 import { observer } from "mobx-react";
 import Image from "next/image";
 // plane imports
-import { getButtonStyling } from "@plane/ui";
+import { getButtonStyling } from "@plane/propel/button";
 import { cn } from "@plane/utils";
 
 export type ImportersEmptyStateProps = {

apps/web/core/components/instance/not-ready-view.tsx

@@ -5,7 +5,6 @@ import Image from "next/image";
 import Link from "next/link";
 import { useTheme } from "next-themes";
 import { GOD_MODE_URL } from "@plane/constants";
-import { PlaneLockup } from "@plane/propel/icons";
 import { Button } from "@plane/propel/button";
 import { PlaneLockup } from "@plane/propel/icons";
 // helpers

apps/web/core/components/onboarding/tour/root.tsx

@@ -5,7 +5,6 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { ArrowRight } from "lucide-react";
 // plane imports
-import { PRODUCT_TOUR_TRACKER_ELEMENTS } from "@plane/constants";
 import { Button } from "@plane/propel/button";
 import { PlaneLockup } from "@plane/propel/icons";
 import { Avatar } from "@plane/ui";

apps/web/ee/components/active-cycles/header.tsx

@@ -1,11 +1,12 @@
 import { FC } from "react";
 import Link from "next/link";
+import { getButtonStyling } from "@plane/propel/button";
 import { CycleGroupIcon } from "@plane/propel/icons";
 import { Tooltip } from "@plane/propel/tooltip";
 // types
 import { ICycle, TCycleGroups } from "@plane/types";
 // ui
-import { Avatar, AvatarGroup, getButtonStyling } from "@plane/ui";
+import { Avatar, AvatarGroup } from "@plane/ui";
 // helpers
 import { findHowManyDaysLeft, getFileURL, renderFormattedDate, truncateText } from "@plane/utils";
 // hooks

apps/web/ee/components/active-cycles/workspace-active-cycles-list.tsx

@@ -7,8 +7,9 @@ import { useParams } from "next/navigation";
 import useSWR from "swr";
 // plane imports
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { ICycle } from "@plane/types";
-import { Button, ContentWrapper, Loader } from "@plane/ui";
+import { ContentWrapper, Loader } from "@plane/ui";
 // components
 import { DetailedEmptyState } from "@/components/empty-state/detailed-empty-state-root";
 // plane web components

apps/web/ee/components/active-cycles/workspace-active-cycles-upgrade.tsx

@@ -5,7 +5,8 @@ import { observer } from "mobx-react";
 import Image from "next/image";
 import { AlertOctagon, BarChart4, CircleDashed, Folder, Microscope, Search, Crown } from "lucide-react";
 // ui
-import { Button, ContentWrapper } from "@plane/ui";
+import { Button } from "@plane/propel/button";
+import { ContentWrapper } from "@plane/ui";
 // helper
 import { cn } from "@plane/utils";
 // hooks

apps/web/ee/components/automations/create-button.tsx

@@ -1,7 +1,7 @@
 // plane imports
 import { AUTOMATION_TRACKER_ELEMENTS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
-import { Button, TButtonVariant } from "@plane/ui";
+import { Button, TButtonVariant } from "@plane/propel/button";
 // helpers
 import { captureClick } from "@/helpers/event-tracker.helper";
 // plane web imports

apps/web/ee/components/automations/details/sidebar/action-buttons.tsx

@@ -1,7 +1,8 @@
 import { ChevronLeft, ChevronRight } from "lucide-react";
 // plane imports
 import { AUTOMATION_TRACKER_ELEMENTS } from "@plane/constants";
-import { Button, cn } from "@plane/ui";
+import { Button } from "@plane/propel/button";
+import { cn } from "@plane/ui";
 // helpers
 import { captureClick } from "@/helpers/event-tracker.helper";
 

apps/web/ee/components/automations/details/sidebar/actions/root.tsx

@@ -4,6 +4,7 @@ import { observer } from "mobx-react";
 import { AUTOMATION_TRACKER_ELEMENTS, AUTOMATION_TRACKER_EVENTS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 // helpers
+import { Button } from "@plane/propel/button";
 import {
   EActionNodeHandlerName,
   EAutomationNodeType,
@@ -11,7 +12,7 @@ import {
   TChangePropertyActionConfig,
   TChangePropertyActionFormConfig,
 } from "@plane/types";
-import { Button, setToast, TOAST_TYPE } from "@plane/ui";
+import { setToast, TOAST_TYPE } from "@plane/ui";
 import { captureClick, captureSuccess, captureError } from "@/helpers/event-tracker.helper";
 // plane web imports
 import { useAutomations } from "@/plane-web/hooks/store/automations/use-automations";

apps/web/ee/components/automations/modals/create-update-modal.tsx

@@ -5,8 +5,9 @@ import { Controller, useForm } from "react-hook-form";
 // plane imports
 import { AUTOMATION_TRACKER_ELEMENTS, AUTOMATION_TRACKER_EVENTS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { EAutomationScope, TAutomation } from "@plane/types";
-import { Button, EModalPosition, EModalWidth, Input, ModalCore, setToast, TextArea, TOAST_TYPE } from "@plane/ui";
+import { EModalPosition, EModalWidth, Input, ModalCore, setToast, TextArea, TOAST_TYPE } from "@plane/ui";
 // helpers
 import { captureClick, captureSuccess, captureError } from "@/helpers/event-tracker.helper";
 // hooks

apps/web/ee/components/common/modal/upload-app-image.tsx

@@ -6,8 +6,9 @@ import { useDropzone } from "react-dropzone";
 import { UserCircle2 } from "lucide-react";
 import { Dialog, Transition } from "@headlessui/react";
 // plane imports
+import { Button } from "@plane/propel/button";
 import { EFileAssetType } from "@plane/types";
-import { Button, TOAST_TYPE, setToast } from "@plane/ui";
+import { TOAST_TYPE, setToast } from "@plane/ui";
 import { checkURLValidity, getAssetIdFromUrl, getFileURL } from "@plane/utils";
 // hooks
 import { useWorkspace } from "@/hooks/store/use-workspace";

apps/web/ee/components/common/pagination-bar.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC } from "react";
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // plane web types
 import { TDefaultPaginatedInfo } from "@/plane-web/types";
 

apps/web/ee/components/customers/actions/delete-modal.tsx

@@ -7,7 +7,8 @@ import { AlertTriangle } from "lucide-react";
 // ui
 import { CUSTOMER_TRACKER_EVENTS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
-import { Button, EModalWidth, EModalPosition, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
+import { Button } from "@plane/propel/button";
+import { EModalWidth, EModalPosition, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
 // hooks
 import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";
 import { useAppRouter } from "@/hooks/use-app-router";

apps/web/ee/components/customers/customer-modal/form.tsx

@@ -4,8 +4,9 @@ import { FormProvider, useForm } from "react-hook-form";
 // plane imports
 import { CUSTOMER_TRACKER_EVENTS, ETabIndices } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { TCustomer, TCustomerPayload } from "@plane/types";
-import { Button, setToast, TOAST_TYPE } from "@plane/ui";
+import { setToast, TOAST_TYPE } from "@plane/ui";
 // helpers
 import { cn, getTabIndex } from "@plane/utils";
 // store

apps/web/ee/components/customers/detail/empty-state.tsx

@@ -3,7 +3,7 @@ import { FC } from "react";
 import { useTheme } from "next-themes";
 // plane imports
 import { useTranslation } from "@plane/i18n";
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // components
 import { EmptyState } from "@/components/common/empty-state";
 // hooks

apps/web/ee/components/customers/list/header.tsx

@@ -4,9 +4,10 @@ import { useParams } from "next/navigation";
 // plane imports
 import { CUSTOMER_TRACKER_ELEMENTS, EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { CustomersIcon } from "@plane/propel/icons";
 import { EUserWorkspaceRoles } from "@plane/types";
-import { Breadcrumbs, Button } from "@plane/ui";
+import { Breadcrumbs } from "@plane/ui";
 // components
 import { BreadcrumbLink } from "@/components/common/breadcrumb-link";
 // hooks

apps/web/ee/components/customers/requests/create-update-source-modal.tsx

@@ -4,7 +4,8 @@ import { Controller, useForm } from "react-hook-form";
 // plane imports
 import { CUSTOMER_WEBSITE_AND_SOURCE_URL_REGEX } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
-import { Button, Input, ModalCore } from "@plane/ui";
+import { Button } from "@plane/propel/button";
+import { Input, ModalCore } from "@plane/ui";
 // hooks
 import useKeypress from "@/hooks/use-keypress";
 import { useCustomers } from "@/plane-web/hooks/store";

apps/web/ee/components/customers/requests/empty-state.tsx

@@ -1,8 +1,8 @@
 import React, { FC } from "react";
 // plane imports
 import { useTranslation } from "@plane/i18n";
+import { getButtonStyling } from "@plane/propel/button";
 import { CustomerRequestIcon } from "@plane/propel/icons";
-import { getButtonStyling } from "@plane/ui";
 import { cn } from "@plane/utils";
 import { SectionEmptyState } from "@/plane-web/components/common/layout/main/common/empty-state";
 

apps/web/ee/components/customers/requests/form.tsx

@@ -5,10 +5,11 @@ import { Database, Paperclip } from "lucide-react";
 // plane imports
 import { CUSTOMER_TRACKER_EVENTS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { LayersIcon } from "@plane/propel/icons";
 import { CustomerService } from "@plane/services";
 import { EFileAssetType, ISearchIssueResponse, TCustomerRequest, TProjectIssuesSearchParams } from "@plane/types";
-import { Button, EModalPosition, EModalWidth, Input, setToast, TOAST_TYPE, ModalCore } from "@plane/ui";
+import { EModalPosition, EModalWidth, Input, setToast, TOAST_TYPE, ModalCore } from "@plane/ui";
 import { getDescriptionPlaceholderI18n } from "@plane/utils";
 // components
 import { ExistingIssuesListModal } from "@/components/core/modals/existing-issues-list-modal";

apps/web/ee/components/customers/requests/request-list-item.tsx

@@ -3,9 +3,10 @@ import { observer } from "mobx-react";
 import { Database, LayersIcon, PlusIcon } from "lucide-react";
 import { CUSTOMER_TRACKER_EVENTS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { CustomerService } from "@plane/services";
 import { ISearchIssueResponse, TProjectIssuesSearchParams } from "@plane/types";
-import { Button, setToast, TOAST_TYPE } from "@plane/ui";
+import { setToast, TOAST_TYPE } from "@plane/ui";
 // components
 import { ContentOverflowWrapper } from "@/components/core/content-overflow-HOC";
 import { ExistingIssuesListModal } from "@/components/core/modals/existing-issues-list-modal";

apps/web/ee/components/customers/requests/root.tsx

@@ -3,8 +3,8 @@ import { observer } from "mobx-react";
 // plane web imports
 import { EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { EUserWorkspaceRoles } from "@plane/types";
-import { Button } from "@plane/ui";
 import { useUserPermissions } from "@/hooks/store/user";
 import {
   CustomerRequestEmptyState,

apps/web/ee/components/customers/settings/properties/custom-properties.tsx

@@ -7,9 +7,10 @@ import { ChevronRight, Plus } from "lucide-react";
 import { CUSTOMER_PROPERTY_TRACKER_ELEMENTS, CUSTOMER_PROPERTY_TRACKER_EVENTS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 // plane types
+import { Button } from "@plane/propel/button";
 import { EIssuePropertyType, TCreationListModes, TIssueProperty, TIssuePropertyPayload } from "@plane/types";
 // plane ui
-import { Button, Collapsible } from "@plane/ui";
+import { Collapsible } from "@plane/ui";
 // helpers
 import { cn } from "@plane/utils";
 // plane web components

apps/web/ee/components/customers/settings/properties/empty-state.tsx

@@ -4,11 +4,11 @@ import { Plus } from "lucide-react";
 // plane i18n
 import { useTranslation } from "@plane/i18n";
 // plane icons
+import { Button } from "@plane/propel/button";
 import { BuildingsIcon } from "@plane/propel/icons";
 // plane types
 import { TCreationListModes } from "@plane/types";
 // plane ui
-import { Button } from "@plane/ui";
 // plane web components
 import { defaultCustomProperty } from "@/plane-web/components/customers/settings";
 import type { TIssuePropertyCreateList } from "@/plane-web/components/issue-types/properties";

apps/web/ee/components/customers/work-items/work-item-empty-state.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from "react";
 import { useTranslation } from "@plane/i18n";
+import { getButtonStyling } from "@plane/propel/button";
 import { LayersIcon } from "@plane/propel/icons";
-import { getButtonStyling } from "@plane/ui";
 import { cn } from "@plane/utils";
 import { SectionEmptyState } from "@/plane-web/components/common/layout/main/common/empty-state";
 

apps/web/ee/components/customers/work-items/work-items-list.tsx

@@ -3,9 +3,10 @@ import { observer } from "mobx-react";
 // plane imports
 import { CUSTOMER_TRACKER_EVENTS, EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { CustomerService } from "@plane/services";
 import { EUserWorkspaceRoles, ISearchIssueResponse, TProjectIssuesSearchParams } from "@plane/types";
-import { Button, setToast, TOAST_TYPE } from "@plane/ui";
+import { setToast, TOAST_TYPE } from "@plane/ui";
 import { ExistingIssuesListModal } from "@/components/core/modals/existing-issues-list-modal";
 // plane web components
 import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";

apps/web/ee/components/cycles/active-cycles/header.tsx

@@ -3,12 +3,12 @@ import Link from "next/link";
 // icons
 import { UserCircle2 } from "lucide-react";
 // plane imports
+import { getButtonStyling } from "@plane/propel/button";
 import { CycleGroupIcon } from "@plane/propel/icons";
 import { Tooltip } from "@plane/propel/tooltip";
 // types
 import { ICycle, TCycleGroups } from "@plane/types";
 // ui
-import { getButtonStyling } from "@plane/ui";
 // helpers
 import { findHowManyDaysLeft, getFileURL, renderFormattedDate, truncateText } from "@plane/utils";
 // hooks

apps/web/ee/components/cycles/end-cycle/modal.tsx

@@ -1,9 +1,10 @@
 "use client";
 
 import { FC, useMemo, useState } from "react";
+import { Button } from "@plane/propel/button";
 import { EIssuesStoreType } from "@plane/types";
 // plane imports
-import { Button, EModalPosition, EModalWidth, Input, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
+import { EModalPosition, EModalWidth, Input, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
 // components
 import { CycleDropdown } from "@/components/dropdowns/cycle";
 // hooks

apps/web/ee/components/cycles/start-cycle/modal.tsx

@@ -1,5 +1,6 @@
 import React from "react";
-import { Button, EModalWidth, ModalCore } from "@plane/ui";
+import { Button } from "@plane/propel/button";
+import { EModalWidth, ModalCore } from "@plane/ui";
 
 interface Props {
   handleStartCycle: () => void;

apps/web/ee/components/dashboards/details/empty-state.tsx

@@ -3,8 +3,9 @@ import { observer } from "mobx-react";
 import { Plus } from "lucide-react";
 // plane imports
 import { useTranslation } from "@plane/i18n";
+import { getButtonStyling } from "@plane/propel/button";
 import { EWidgetChartModels, EWidgetChartTypes } from "@plane/types";
-import { getButtonStyling, setToast, TOAST_TYPE } from "@plane/ui";
+import { setToast, TOAST_TYPE } from "@plane/ui";
 // components
 import { SimpleEmptyState } from "@/components/empty-state/simple-empty-state-root";
 // hooks

apps/web/ee/components/dashboards/modals/create-update-modal.tsx

@@ -4,8 +4,9 @@ import { useParams } from "next/navigation";
 import { Controller, useForm } from "react-hook-form";
 // plane imports
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { TDashboard } from "@plane/types";
-import { Button, EModalPosition, EModalWidth, Input, ModalCore, setToast, TOAST_TYPE } from "@plane/ui";
+import { EModalPosition, EModalWidth, Input, ModalCore, setToast, TOAST_TYPE } from "@plane/ui";
 import { cn } from "@plane/utils";
 // components
 import { Logo } from "@/components/common/logo";

apps/web/ee/components/dashboards/widgets/empty-states/empty-state.tsx

@@ -3,7 +3,7 @@ import { observer } from "mobx-react";
 // plane imports
 import { EWidgetGridBreakpoints } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // components
 import { SimpleEmptyState } from "@/components/empty-state/simple-empty-state-root";
 // hooks

apps/web/ee/components/dashboards/widgets/empty-states/not-configured-state.tsx

@@ -2,7 +2,7 @@ import { observer } from "mobx-react";
 // plane imports
 import { EWidgetGridBreakpoints } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // components
 import { SimpleEmptyState } from "@/components/empty-state/simple-empty-state-root";
 // hooks

apps/web/ee/components/de-dupe/duplicate-popover/root.tsx

@@ -6,8 +6,9 @@ import { usePopper } from "react-popper";
 import { Popover } from "@headlessui/react";
 // plane imports
 import { useOutsideClickDetector } from "@plane/hooks";
+import { Button } from "@plane/propel/button";
 import { TDeDupeIssue } from "@plane/types";
-import { Button, setToast, TOAST_TYPE } from "@plane/ui";
+import { setToast, TOAST_TYPE } from "@plane/ui";
 import { cn } from "@plane/utils";
 // components
 import { MultipleSelectGroup } from "@/components/core/multiple-select";

apps/web/ee/components/epics/details/main/overview-section/issues-root.tsx

@@ -3,9 +3,9 @@ import React, { FC, useEffect, useState, useCallback } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // plane imports
+import { getButtonStyling } from "@plane/propel/button";
 import { LayersIcon } from "@plane/propel/icons";
 import { EIssueServiceType, EIssuesStoreType, TIssue, TSubIssueOperations } from "@plane/types";
-import { getButtonStyling } from "@plane/ui";
 // components
 import { cn } from "@plane/utils";
 import { DeleteIssueModal } from "@/components/issues/delete-issue-modal";

apps/web/ee/components/epics/details/main/overview-section/relation-root.tsx

@@ -3,8 +3,8 @@ import React, { FC } from "react";
 import { isEmpty } from "lodash-es";
 import { observer } from "mobx-react";
 import { LayersIcon } from "lucide-react";
+import { getButtonStyling } from "@plane/propel/button";
 import { EIssueServiceType } from "@plane/types";
-import { getButtonStyling } from "@plane/ui";
 import { cn } from "@plane/utils";
 // components
 import { RelationActionButton, RelationsCollapsibleContent } from "@/components/issues/issue-detail-widgets/relations";

apps/web/ee/components/epics/epic-modal/form.tsx

@@ -7,8 +7,9 @@ import { FormProvider, useForm } from "react-hook-form";
 // plane imports
 import { ETabIndices } from "@plane/constants";
 import type { EditorRefApi } from "@plane/editor";
+import { Button } from "@plane/propel/button";
 import { EIssueServiceType, EWorkItemTypeEntity, type ISearchIssueResponse, type TIssue } from "@plane/types";
-import { Button, TOAST_TYPE, setToast } from "@plane/ui";
+import { TOAST_TYPE, setToast } from "@plane/ui";
 import { cn, getChangedIssuefields, getTabIndex } from "@plane/utils";
 // components
 import {

apps/web/ee/components/epics/settings/empty-state.tsx

@@ -5,8 +5,9 @@ import { observer } from "mobx-react";
 import { useTheme } from "next-themes";
 // plane imports
 import { useTranslation } from "@plane/i18n";
+import { Button, getButtonStyling } from "@plane/propel/button";
 import { EProductSubscriptionEnum } from "@plane/types";
-import { Button, getButtonStyling, TOAST_TYPE, setToast } from "@plane/ui";
+import { TOAST_TYPE, setToast } from "@plane/ui";
 // helpers
 import { DetailedEmptyState } from "@/components/empty-state/detailed-empty-state-root";
 // plane web hooks

apps/web/ee/components/epics/upgrade.tsx

@@ -7,8 +7,8 @@ import { useTheme } from "next-themes";
 // helpers
 import { Crown } from "lucide-react";
 import { useTranslation } from "@plane/i18n";
+import { Button, getButtonStyling } from "@plane/propel/button";
 import { EProductSubscriptionEnum } from "@plane/types";
-import { Button, getButtonStyling } from "@plane/ui";
 import { cn } from "@plane/utils";
 import { SettingsHeading } from "@/components/settings/heading";
 import { useWorkspaceSubscription } from "@/plane-web/hooks/store";

apps/web/ee/components/estimates/points/edit-root.tsx

@@ -2,8 +2,9 @@ import { Dispatch, FC, Fragment, SetStateAction, useState } from "react";
 import { observer } from "mobx-react";
 import { ChevronLeft, Plus } from "lucide-react";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { TEstimatePointsObject, TEstimateTypeError, TEstimateUpdateStageKeys } from "@plane/types";
-import { Button, Sortable, TOAST_TYPE, setToast } from "@plane/ui";
+import { Sortable, TOAST_TYPE, setToast } from "@plane/ui";
 // components
 import { EstimatePointCreate } from "@/components/estimates/points/create";
 import { EstimatePointItemPreview } from "@/components/estimates/points/preview";

apps/web/ee/components/estimates/points/switch/root.tsx

@@ -3,6 +3,7 @@ import { capitalize } from "lodash-es";
 import { observer } from "mobx-react";
 import { ChevronLeft, MoveRight } from "lucide-react";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import {
   IEstimateFormData,
   TEstimatePointsObject,
@@ -10,7 +11,7 @@ import {
   TEstimateTypeError,
   TEstimateUpdateStageKeys,
 } from "@plane/types";
-import { Button, TOAST_TYPE, setToast } from "@plane/ui";
+import { TOAST_TYPE, setToast } from "@plane/ui";
 // hooks
 import { useEstimate } from "@/hooks/store/estimates";
 // plane web components

apps/web/ee/components/estimates/update/stage-one.tsx

@@ -2,8 +2,8 @@
 
 import { FC } from "react";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { TEstimateUpdateStageKeys } from "@plane/types";
-import { Button } from "@plane/ui";
 // plane web constants
 import { ESTIMATE_OPTIONS_STAGE_ONE } from "@/plane-web/constants/estimates";
 

apps/web/ee/components/global/product-updates-header.tsx

@@ -1,9 +1,10 @@
 import { useState } from "react";
 import { observer } from "mobx-react";
 import { ExternalLink, RefreshCw } from "lucide-react";
+import { Button } from "@plane/propel/button";
 import { PlaneLogo } from "@plane/propel/icons";
 import { EProductSubscriptionEnum } from "@plane/types";
-import { Button, setToast, TOAST_TYPE } from "@plane/ui";
+import { setToast, TOAST_TYPE } from "@plane/ui";
 // helpers
 import { cn } from "@plane/utils";
 // hooks

apps/web/ee/components/importers/asana/authentication/o-auth.tsx

@@ -3,7 +3,8 @@
 import { FC, useState } from "react";
 import { observer } from "mobx-react";
 import { useTranslation } from "@plane/i18n";
-import { Button, setToast, TOAST_TYPE } from "@plane/ui";
+import { Button } from "@plane/propel/button";
+import { setToast, TOAST_TYPE } from "@plane/ui";
 // plane web hooks
 import { useAsanaImporter } from "@/plane-web/hooks/store";
 

apps/web/ee/components/importers/asana/authentication/personal-access-token.tsx

@@ -3,7 +3,7 @@
 import { FC, useState } from "react";
 import { observer } from "mobx-react";
 import { useTranslation } from "@plane/i18n";
-import { Button, setToast, TOAST_TYPE } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // plane web hooks
 import { useAsanaImporter } from "@/plane-web/hooks/store";
 // plane web components

apps/web/ee/components/importers/asana/steps/configure-asana/root.tsx

@@ -5,7 +5,7 @@ import { isEqual } from "lodash-es";
 import { observer } from "mobx-react";
 // ui
 import { useTranslation } from "@plane/i18n";
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // plane web components
 import { ConfigureAsanaSelectWorkspace, ConfigureAsanaSelectProject } from "@/plane-web/components/importers/asana";
 import { StepperNavigation } from "@/plane-web/components/importers/ui";

apps/web/ee/components/importers/asana/steps/map-priority/root.tsx

@@ -8,7 +8,7 @@ import useSWR from "swr";
 // ui
 import { PriorityConfig, AsanaCustomField, AsanaEnumOption } from "@plane/etl/asana";
 import { useTranslation } from "@plane/i18n";
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // asana types
 // plane web components
 import { ConfigureAsanaSelectPriority, MapPrioritiesSelection } from "@/plane-web/components/importers/asana";

apps/web/ee/components/importers/asana/steps/map-states/root.tsx

@@ -7,9 +7,9 @@ import { observer } from "mobx-react";
 import useSWR from "swr";
 import { StateConfig, AsanaSection } from "@plane/etl/asana";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { ExState } from "@plane/sdk";
 import { IState } from "@plane/types";
-import { Button } from "@plane/ui";
 // asana types
 // plane web components
 import { MapStatesSelection } from "@/plane-web/components/importers/asana";

apps/web/ee/components/importers/asana/steps/select-plane-project/root.tsx

@@ -7,11 +7,12 @@ import useSWR from "swr";
 import { Briefcase } from "lucide-react";
 // plane imports
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { ExProject } from "@plane/sdk";
 // types
 import { IProject } from "@plane/types";
 // ui
-import { Button, Loader } from "@plane/ui";
+import { Loader } from "@plane/ui";
 // components
 import { Logo } from "@/components/common/logo";
 // plane web components

apps/web/ee/components/importers/asana/steps/summary/root.tsx

@@ -9,8 +9,9 @@ import { IMPORTER_TRACKER_EVENTS } from "@plane/constants";
 import { AsanaConfig, AsanaSection } from "@plane/etl/asana";
 import { E_IMPORTER_KEYS, E_JOB_STATUS } from "@plane/etl/core";
 import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
 import { TImportJob } from "@plane/types";
-import { Button, Loader } from "@plane/ui";
+import { Loader } from "@plane/ui";
 // plane web components
 import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";
 import { AddSeatsAlertBanner, SkipUserImport, StepperNavigation } from "@/plane-web/components/importers/ui";

apps/web/ee/components/importers/clickup/authentication/personal-access-token.tsx

@@ -3,7 +3,7 @@
 import { FC, useState } from "react";
 import { observer } from "mobx-react";
 import { useTranslation } from "@plane/i18n";
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // plane web hooks
 import { useClickUpImporter } from "@/plane-web/hooks/store";
 // plane web components

apps/web/ee/components/importers/clickup/steps/configure-clickup/root.tsx

@@ -4,7 +4,7 @@ import { FC, useEffect, useState } from "react";
 import { isEqual } from "lodash-es";
 import { observer } from "mobx-react";
 import { useTranslation } from "@plane/i18n";
-import { Button } from "@plane/ui";
+import { Button } from "@plane/propel/button";
 // plane web components
 import {
   ConfigureClickUpSelectSpace,