examples: Fix sourcemapping in kitchen-sink. (#9086)

## Description

The TypeScript strategy on this example wouldn't take you to source. It
does now!

Author: anthonyshew

examples/kitchen-sink/apps/admin/src/app/index.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import "./styles.css";
-import { CounterButton, Link } from "@repo/ui";
+import { CounterButton } from "@repo/ui/counter-button";
+import { Link } from "@repo/ui/link";
 
 function App(): JSX.Element {
   return (

examples/kitchen-sink/apps/blog/app/routes/_index.tsx

@@ -1,4 +1,5 @@
-import { CounterButton, Link } from "@repo/ui";
+import { CounterButton } from "@repo/ui/counter-button";
+import { Link } from "@repo/ui/link";
 
 export default function Index(): JSX.Element {
   return (

examples/kitchen-sink/apps/storefront/src/app/page.tsx

@@ -1,5 +1,6 @@
 import { log } from "@repo/logger";
-import { CounterButton, Link } from "@repo/ui";
+import { Link } from "@repo/ui/link";
+import { CounterButton } from "@repo/ui/counter-button";
 
 export const metadata = {
   title: "Store | Kitchen Sink",

examples/kitchen-sink/packages/ui/package.json

@@ -4,12 +4,21 @@
   "private": true,
   "license": "MIT",
   "sideEffects": false,
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
   "files": [
     "dist/**"
   ],
+  "exports": {
+    "./counter-button": {
+      "require": "./dist/counter-button/index.js",
+      "import": "./dist/counter-button/index.mjs",
+      "types": "./src/counter-button/index.tsx"
+    },
+    "./link": {
+      "require": "./dist/link/index.js",
+      "import": "./dist/link/index.mjs",
+      "types": "./src/link/index.tsx"
+    }
+  },
   "scripts": {
     "build": "tsup",
     "clean": "rm -rf dist",
@@ -35,4 +44,4 @@
     "tsup": "^8.0.2",
     "typescript": "^5.3.3"
   }
-}
+}

examples/kitchen-sink/packages/ui/src/index.tsx

@@ -2,6 +2,7 @@
   "extends": "@repo/typescript-config/react-library.json",
   "compilerOptions": {
     "lib": ["dom", "ES2015"],
+    "sourceMap": true,
     "types": ["jest", "node"]
   },
   "include": ["."],

examples/kitchen-sink/packages/ui/tsconfig.json

@@ -1,9 +1,8 @@
 import { defineConfig, type Options } from "tsup";
 
 export default defineConfig((options: Options) => ({
-  entry: ["./src/index.tsx"],
+  entry: ["./src/link/index.tsx", "./src/counter-button/index.tsx"],
   format: ["cjs", "esm"],
-  dts: true,
   external: ["react"],
   banner: {
     js: "'use client'",

examples/kitchen-sink/packages/ui/tsup.config.ts

@@ -1,12 +1,8 @@
 {
-  "extends": [
-    "//"
-  ],
+  "extends": ["//"],
   "tasks": {
     "build": {
-      "outputs": [
-        "dist/**"
-      ]
+      "outputs": ["dist/**"]
     }
   }
 }