mv pill

packages/nextjs/components/ProductPage/StyleOptions.tsx

@@ -1,6 +1,5 @@
 import * as React from "react";
-import { H6 } from "shared-ui";
-import { Pill } from "components/Pill";
+import { H6, Pill } from "shared-ui";
 import { Style } from "utils/groqTypes/ProductList";
 
 interface Props {

packages/nextjs/components/ProductSort.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
+import { Pill } from "shared-ui";
 import { PAGE_QUERY_PARAM, SORT_OPTIONS, SORT_OPTIONS_ARRAY, SORT_QUERY_PARAM, SortType } from "utils/sorting";
 import { useRouterQueryParams } from "utils/useRouterQueryParams";
-import { Pill } from "./Pill";
 import { Select } from "./Select";
 
 type ProductSortProps = {

packages/nextjs/pages/components.tsx

@@ -1,9 +1,9 @@
 import { MdArrowForward } from "react-icons/md";
 import { Button } from "shared-ui";
 import { Input } from "shared-ui";
+import { Pill } from "shared-ui";
 import { Checkbox } from "components/Checkbox";
 import { LinkText } from "components/LinkText";
-import { Pill } from "components/Pill";
 import { Select } from "components/Select";
 
 export default function ComponentsPage() {

packages/shared-ui/index.ts

@@ -1,4 +1,5 @@
 export * from "./components/Button/Button";
 export * from "./components/Typography";
 export * from "./components/Input";
+export * from "./components/Pill";
 export * from "./components/WeDontSellBreadBanner";