remove @supabase/ui entirely

package-lock.json

@@ -34825,7 +34825,6 @@
         "@supabase/react-data-grid": "^7.1.0-beta.7",
         "@supabase/shared-types": "^0.1.25",
         "@supabase/supabase-js": "^2.0.0-rc.2",
-        "@supabase/ui": "0.37.0-alpha.80",
         "ajv": "^8.6.3",
         "analytics-node": "^3.5.0",
         "awesome-debounce-promise": "^2.1.0",
@@ -35149,41 +35148,6 @@
         "cross-fetch": "^3.1.5"
       }
     },
-    "studio/node_modules/@supabase/ui": {
-      "version": "0.37.0-alpha.80",
-      "resolved": "https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.80.tgz",
-      "integrity": "sha512-oTBX43SipvCOmdG4UTt2yM//Meqfof4j7Fgmdi6rAn2EGpqo9xVqWxqlCLLvcbaK94Sl0i5R43zZEWz6RJoUIg==",
-      "dependencies": {
-        "@headlessui/react": "^1.0.0",
-        "@mertasan/tailwindcss-variables": "^2.0.1",
-        "@radix-ui/colors": "^0.1.8",
-        "@radix-ui/react-accordion": "^0.1.5",
-        "@radix-ui/react-collapsible": "^0.1.5",
-        "@radix-ui/react-context-menu": "^0.1.0",
-        "@radix-ui/react-dialog": "^0.1.5",
-        "@radix-ui/react-dropdown-menu": "^0.1.4",
-        "@radix-ui/react-popover": "^0.1.0",
-        "@radix-ui/react-portal": "^0.1.3",
-        "@radix-ui/react-tabs": "^0.1.0",
-        "@tailwindcss/forms": "^0.4.0",
-        "@tailwindcss/typography": "^0.5.0",
-        "autoprefixer": "^10.4.2",
-        "deepmerge": "^4.2.2",
-        "formik": "^2.2.9",
-        "lodash": "^4.17.20",
-        "postcss": "^8.4.5",
-        "prop-types": "^15.7.2",
-        "tailwindcss": "^3.0.15",
-        "tailwindcss-radix": "^1.6.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "^2.3.2"
-      },
-      "peerDependencies": {
-        "react": "^16.13.1 || ^17.0.1",
-        "react-dom": "^16.13.1 || ^17.0.1"
-      }
-    },
     "studio/node_modules/@testing-library/react": {
       "version": "12.1.5",
       "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-12.1.5.tgz",
@@ -58532,7 +58496,6 @@
         "@supabase/react-data-grid": "^7.1.0-beta.7",
         "@supabase/shared-types": "^0.1.25",
         "@supabase/supabase-js": "^2.0.0-rc.2",
-        "@supabase/ui": "0.37.0-alpha.80",
         "@tailwindcss/typography": "^0.5.2",
         "@testing-library/dom": "^8.11.1",
         "@testing-library/react": "^12.1.2",
@@ -58748,35 +58711,6 @@
             "cross-fetch": "^3.1.5"
           }
         },
-        "@supabase/ui": {
-          "version": "0.37.0-alpha.80",
-          "resolved": "https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.80.tgz",
-          "integrity": "sha512-oTBX43SipvCOmdG4UTt2yM//Meqfof4j7Fgmdi6rAn2EGpqo9xVqWxqlCLLvcbaK94Sl0i5R43zZEWz6RJoUIg==",
-          "requires": {
-            "@headlessui/react": "^1.0.0",
-            "@mertasan/tailwindcss-variables": "^2.0.1",
-            "@radix-ui/colors": "^0.1.8",
-            "@radix-ui/react-accordion": "^0.1.5",
-            "@radix-ui/react-collapsible": "^0.1.5",
-            "@radix-ui/react-context-menu": "^0.1.0",
-            "@radix-ui/react-dialog": "^0.1.5",
-            "@radix-ui/react-dropdown-menu": "^0.1.4",
-            "@radix-ui/react-popover": "^0.1.0",
-            "@radix-ui/react-portal": "^0.1.3",
-            "@radix-ui/react-tabs": "^0.1.0",
-            "@tailwindcss/forms": "^0.4.0",
-            "@tailwindcss/typography": "^0.5.0",
-            "autoprefixer": "^10.4.2",
-            "deepmerge": "^4.2.2",
-            "formik": "^2.2.9",
-            "fsevents": "^2.3.2",
-            "lodash": "^4.17.20",
-            "postcss": "^8.4.5",
-            "prop-types": "^15.7.2",
-            "tailwindcss": "^3.0.15",
-            "tailwindcss-radix": "^1.6.0"
-          }
-        },
         "@testing-library/react": {
           "version": "12.1.5",
           "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-12.1.5.tgz",

packages/ui/src/components/Button/Button.tsx

@@ -4,7 +4,7 @@ import { IconLoader } from './../Icon/icons/IconLoader'
 
 import styleHandler from '../../lib/theme/styleHandler'
 
-interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
   block?: boolean
   className?: string
   children?: React.ReactNode

studio/components/ui/CSVButton.tsx

@@ -1,5 +1,5 @@
 import { Button, IconDownloadCloud } from 'ui'
-import { ButtonProps } from '@supabase/ui/dist/cjs/components/Button/Button'
+import { ButtonProps } from 'ui/src/components/Button/Button'
 import { flattenDeep } from 'lodash'
 import React, { useMemo, useRef } from 'react'
 import { CSVLink } from 'react-csv'

studio/components/ui/DatePicker/DatePicker.tsx

@@ -12,7 +12,7 @@ import {
 import { format } from 'date-fns'
 import TimeSplitInput from './TimeSplitInput'
 import dayjs from 'dayjs'
-import { ButtonProps } from '@supabase/ui/dist/cjs/components/Button/Button'
+import { ButtonProps } from 'ui/src/components/Button/Button'
 import { DatePickerToFrom } from 'components/interfaces/Settings/Logs'
 
 export interface DatePickerProps {

studio/package.json

@@ -28,7 +28,6 @@
     "@supabase/react-data-grid": "^7.1.0-beta.7",
     "@supabase/shared-types": "^0.1.25",
     "@supabase/supabase-js": "^2.0.0-rc.2",
-    "@supabase/ui": "0.37.0-alpha.80",
     "ajv": "^8.6.3",
     "analytics-node": "^3.5.0",
     "awesome-debounce-promise": "^2.1.0",