remove chakra divider imports

src/@chakra-ui/components/components.utils.ts

@@ -9,7 +9,6 @@ const {
   Checkbox: checkboxDefaultTheme,
   CloseButton: closeButtonDefaultTheme,
   Code: codeDefaultTheme,
-  Divider: dividerDefaultTheme,
   Drawer: drawerDefaultTheme,
   Form: formDefaultTheme,
   FormLabel: formLabelDefaultTheme,
@@ -37,7 +36,6 @@ export {
   checkboxDefaultTheme,
   closeButtonDefaultTheme,
   codeDefaultTheme,
-  dividerDefaultTheme,
   drawerDefaultTheme,
   formDefaultTheme,
   formLabelDefaultTheme,

src/@chakra-ui/components/index.ts

@@ -8,7 +8,6 @@ import { Checkbox } from "./Checkbox"
 import {
   closeButtonDefaultTheme,
   codeDefaultTheme,
-  dividerDefaultTheme,
   drawerDefaultTheme,
   formDefaultTheme,
   formLabelDefaultTheme,
@@ -39,7 +38,6 @@ export default {
   Checkbox,
   CloseButton: closeButtonDefaultTheme,
   Code: codeDefaultTheme,
-  Divider: dividerDefaultTheme,
   Drawer: drawerDefaultTheme,
   Form: formDefaultTheme,
   FormLabel: formLabelDefaultTheme,

src/layouts/Tutorial.tsx

@@ -4,7 +4,6 @@ import {
   Badge,
   Box,
   type BoxProps,
-  Divider,
   Flex,
   Kbd,
   Text,
@@ -35,6 +34,7 @@ import {
 import TableOfContents from "@/components/TableOfContents"
 import TooltipLink from "@/components/TooltipLink"
 import TutorialMetadata from "@/components/TutorialMetadata"
+import { Divider } from "@/components/ui/divider"
 import { mdxTableComponents } from "@/components/ui/Table"
 import YouTube from "@/components/YouTube"
 
@@ -93,16 +93,7 @@ const Heading4 = (props: HTMLAttributes<HTMLHeadingElement>) => (
   />
 )
 
-const StyledDivider = (props) => (
-  <Divider
-    my={16}
-    w="10%"
-    h="1"
-    opacity="1"
-    backgroundColor="homeDivider"
-    {...props}
-  />
-)
+const StyledDivider = (props) => <Divider {...props} />
 
 const Paragraph = (props: TextProps) => (
   <Text as="p" mt={8} mb={4} mx={0} color="text300" fontSize="md" {...props} />

src/pages/roadmap/vision.tsx

@@ -5,7 +5,6 @@ import { serverSideTranslations } from "next-i18next/serverSideTranslations"
 import type { ComponentPropsWithRef } from "react"
 import {
   Box,
-  Divider,
   Flex,
   type FlexProps,
   Heading,
@@ -32,6 +31,7 @@ import PageHero, {
 } from "@/components/PageHero"
 import PageMetadata from "@/components/PageMetadata"
 import Trilemma from "@/components/Trilemma"
+import { Divider } from "@/components/ui/divider"
 
 import { existsNamespace } from "@/lib/utils/existsNamespace"
 import { getLastDeployDate } from "@/lib/utils/getLastDeployDate"
@@ -50,15 +50,6 @@ const Page = (props: ChildOnlyProp) => (
   />
 )
 
-const PageDivider = () => (
-  <Divider
-    my={16}
-    w="10%"
-    borderBottomWidth="0.25rem"
-    borderColor="homeDivider"
-  />
-)
-
 const PageContent = (props: ChildOnlyProp) => (
   <Flex flexDirection="column" gap="8" py={4} px={8} w="full" {...props} />
 )
@@ -169,7 +160,7 @@ const VisionPage = () => {
         description={t("page-roadmap-vision-meta-desc")}
       />
       <PageHero content={heroContent} />
-      <PageDivider />
+      <Divider />
       <PageContent>
         <Breadcrumbs slug={pathname} startDepth={1} />
         <CentralContent>
@@ -208,7 +199,7 @@ const VisionPage = () => {
           <Text>{t("page-roadmap-vision-upgrade-needs-desc-6")}</Text>
         </CentralContent>
       </PageContent>
-      <PageDivider />
+      <Divider />
       <PageContent>
         <CenterH2>{t("page-roadmap-vision-problems")}</CenterH2>
         <ProblemCardContainer>
@@ -225,7 +216,7 @@ const VisionPage = () => {
       <TrilemmaContent>
         <Trilemma />
       </TrilemmaContent>
-      <PageDivider />
+      <Divider />
       <PageContent>
         <CentralContent>
           <CenterH2>{t("page-roadmap-vision-understanding")}</CenterH2>
@@ -292,7 +283,7 @@ const VisionPage = () => {
           </InfoBanner>
         </CentralContent>
       </PageContent>
-      <PageDivider />
+      <Divider />
       <FeedbackCard />
     </Page>
   )