feat(ui,dashboard): Move Divider component to UI package (#11357)

packages/admin/dashboard/src/components/common/divider/divider.tsx

@@ -1,37 +0,0 @@
-import { clx } from "@medusajs/ui"
-import { ComponentPropsWithoutRef } from "react"
-
-interface DividerProps
-  extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
-  orientation?: "horizontal" | "vertical"
-  variant?: "dashed" | "solid"
-}
-
-export const Divider = ({
-  orientation = "horizontal",
-  variant = "solid",
-  className,
-  ...props
-}: DividerProps) => {
-  return (
-    <div
-      aria-orientation={orientation}
-      role="separator"
-      className={clx(
-        "border-ui-border-base",
-        {
-          "w-full border-t":
-            orientation === "horizontal" && variant === "solid",
-          "h-full border-l": orientation === "vertical" && variant === "solid",
-          "bg-transparent": variant === "dashed",
-          "h-px w-full bg-[linear-gradient(90deg,var(--border-strong)_1px,transparent_1px)] bg-[length:4px_1px]":
-            variant === "dashed" && orientation === "horizontal",
-          "h-full w-px bg-[linear-gradient(0deg,var(--border-strong)_1px,transparent_1px)] bg-[length:1px_4px]":
-            variant === "dashed" && orientation === "vertical",
-        },
-        className
-      )}
-      {...props}
-    />
-  )
-}

packages/admin/dashboard/src/components/common/divider/index.ts

@@ -1 +0,0 @@
-export * from "./divider"

packages/admin/dashboard/src/components/layout/main-layout/main-layout.tsx

@@ -14,12 +14,11 @@ import {
   Tag,
   Users,
 } from "@medusajs/icons"
-import { Avatar, DropdownMenu, Text, clx } from "@medusajs/ui"
+import { Avatar, Divider, DropdownMenu, Text, clx } from "@medusajs/ui"
 import { Collapsible as RadixCollapsible } from "radix-ui"
 import { useTranslation } from "react-i18next"
 
 import { useStore } from "../../../hooks/api/store"
-import { Divider } from "../../common/divider"
 import { Skeleton } from "../../common/skeleton"
 import { INavItem, NavItem } from "../../layout/nav-item"
 import { Shell } from "../../layout/shell"

packages/admin/dashboard/src/components/layout/settings-layout/settings-layout.tsx

@@ -1,11 +1,10 @@
 import { ArrowUturnLeft, MinusMini } from "@medusajs/icons"
-import { IconButton, Text, clx } from "@medusajs/ui"
+import { clx, Divider, IconButton, Text } from "@medusajs/ui"
 import { Collapsible as RadixCollapsible } from "radix-ui"
 import { Fragment, useEffect, useMemo, useState } from "react"
 import { useTranslation } from "react-i18next"
 import { Link, useLocation } from "react-router-dom"
 
-import { Divider } from "../../common/divider"
 import { INavItem, NavItem } from "../nav-item"
 import { Shell } from "../shell"