chore: clean ts errors in ui

Author: SaadBazaz

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.

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,

packages/ui/tsconfig.json

@@ -3,6 +3,6 @@
   "compilerOptions": {
     "outDir": "dist"
   },
-  "include": ["**/*"],
+  "include": ["**/*", "*.cjs"],
   "exclude": ["node_modules", "dist"]
 }

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"]
 }

packages/ui/tsup.config.ts

@@ -1,17 +1,16 @@
 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",
   format: "esm",
   // dts: true,
   treeshake: true,
   bundle: true,
+  // sourcemap: true,
   outDir: "./dist",
   minify: !options.watch,
-  plugins: [tailwind(), autoprefixer()],
 }));