From 53df8c54020a4b0097a277183647be17fed289b6 Mon Sep 17 00:00:00 2001
From: "Saad A. Bazaz" <saadbazaz@hotmail.com>
Date: Sun, 11 Aug 2024 18:42:29 +0500
Subject: [PATCH] chore: clean ts errors in ui

---
 packages/ui/README.md             | 6 +++---
 packages/ui/src/app-bar/index.tsx | 2 +-
 packages/ui/tsconfig.json         | 2 +-
 packages/ui/tsconfig.lint.json    | 2 +-
 packages/ui/tsup.config.ts        | 5 ++---
 5 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/ui/README.md b/packages/ui/README.md
index 4b449f0..fbeb0d6 100644
--- a/packages/ui/README.md
+++ b/packages/ui/README.md
@@ -30,12 +30,12 @@ We're looking for maintainers and contributors!
 - [ ] Make sure all native Web Components are properly working
   - [x] Demo all components
   - [x] Add all missing events
-  - [ ] Add theming (design tokens) through Tailwind (i.e. remove all ts-ignores)
+  - [ ] [Need help] Add theming (design tokens) through Tailwind (i.e. remove all ts-ignores) (https://github.com/grayhatdevelopers/material-web-components-react/pull/2)
 - [x] Resolve SSR/SSG issues, make compatible with NextJS (i.e. remove all dynamic imports)
 - [x] Separate the demo from the actual UI code
 - [x] Make installable as a package.
-- [ ] Make installable as code-in-project, like shadcn/ui, so developers have more control
-- [ ] Add better TypeScript support
+- [ ] [Need help] Make installable as code-in-project, like shadcn/ui, so developers have more control (https://github.com/grayhatdevelopers/material-web-components-react/pull/11)
+- [ ] [Need help] Add better TypeScript support (https://github.com/grayhatdevelopers/material-web-components-react/issues/12)
 - [ ] Sync with upstream (i.e. https://github.com/material-components/material-web/blob/main/docs/intro.md) through webhooks and automations
   - [ ] Use [Copybara](https://github.com/google/copybara) (or good ol' GitHub webhooks) to automate syncing with upstream
   - [ ] Use [lit-analyzer](https://www.npmjs.com/package/lit-analyzer) to see which Web Components changed. Perhaps mix with an LLM to compare existing and newly autogenerated code.
diff --git a/packages/ui/src/app-bar/index.tsx b/packages/ui/src/app-bar/index.tsx
index 1bfe51d..7ef2c1f 100644
--- a/packages/ui/src/app-bar/index.tsx
+++ b/packages/ui/src/app-bar/index.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from "react";
 import { twMerge } from "tailwind-merge";
-import { findSlotProp, removeSlotProps } from "../utils";
+import { findSlotProp, removeSlotProps } from "../utils/index.js";
 
 const AppBar = ({
   className,
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
index e1e973f..9f1e78d 100644
--- a/packages/ui/tsconfig.json
+++ b/packages/ui/tsconfig.json
@@ -3,6 +3,6 @@
   "compilerOptions": {
     "outDir": "dist"
   },
-  "include": ["**/*"],
+  "include": ["**/*", "*.cjs"],
   "exclude": ["node_modules", "dist"]
 }
diff --git a/packages/ui/tsconfig.lint.json b/packages/ui/tsconfig.lint.json
index 0973ecd..2f1b5eb 100644
--- a/packages/ui/tsconfig.lint.json
+++ b/packages/ui/tsconfig.lint.json
@@ -3,6 +3,6 @@
   "compilerOptions": {
     "outDir": "dist"
   },
-  "include": ["src", "turbo", "./*.ts"],
+  "include": ["src", "turbo", "**/*.ts*", "*.cjs"],
   "exclude": ["node_modules", "dist"]
 }
diff --git a/packages/ui/tsup.config.ts b/packages/ui/tsup.config.ts
index d1c6b59..fc06e99 100644
--- a/packages/ui/tsup.config.ts
+++ b/packages/ui/tsup.config.ts
@@ -1,9 +1,8 @@
 import glob from "tiny-glob";
 import { defineConfig } from "tsup";
-import tailwind from "tailwindcss";
-import autoprefixer from "autoprefixer";
 
 export default defineConfig(async (options) => ({
+  clean: true,
   entry: await glob("./src/**/!(*.d|*.spec).tsx"),
   splitting: true,
   target: "es5",
@@ -11,7 +10,7 @@ export default defineConfig(async (options) => ({
   // dts: true,
   treeshake: true,
   bundle: true,
+  // sourcemap: true,
   outDir: "./dist",
   minify: !options.watch,
-  plugins: [tailwind(), autoprefixer()],
 }));