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

## Description

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

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/tsconfig.json

@@ -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/tsup.config.ts

@@ -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/turbo.json

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