love-ui 1.0.0

package/packages/image-crop/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "@repo/typescript-config/nextjs.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@repo/*": ["../*"],
+      "@/components/*": ["../shadcn-ui/components/*"],
+      "@/lib/*": ["../shadcn-ui/lib/*"]
+    }
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}

package/packages/image-zoom/index.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import Zoom, {
+  type ControlledProps,
+  type UncontrolledProps,
+} from "react-medium-image-zoom";
+import { cn } from "@/lib/utils";
+
+export type ImageZoomProps = UncontrolledProps & {
+  isZoomed?: ControlledProps["isZoomed"];
+  onZoomChange?: ControlledProps["onZoomChange"];
+  className?: string;
+  backdropClassName?: string;
+};
+
+export const ImageZoom = ({
+  className,
+  backdropClassName,
+  ...props
+}: ImageZoomProps) => (
+  <div
+    className={cn(
+      "relative",
+      "[&_[data-rmiz-ghost]]:pointer-events-none [&_[data-rmiz-ghost]]:absolute",
+      "[&_[data-rmiz-btn-zoom]]:m-0 [&_[data-rmiz-btn-zoom]]:size-10 [&_[data-rmiz-btn-zoom]]:touch-manipulation [&_[data-rmiz-btn-zoom]]:appearance-none [&_[data-rmiz-btn-zoom]]:rounded-[50%] [&_[data-rmiz-btn-zoom]]:border-none [&_[data-rmiz-btn-zoom]]:bg-foreground/70 [&_[data-rmiz-btn-zoom]]:p-2 [&_[data-rmiz-btn-zoom]]:text-background [&_[data-rmiz-btn-zoom]]:outline-offset-2",
+      "[&_[data-rmiz-btn-unzoom]]:m-0 [&_[data-rmiz-btn-unzoom]]:size-10 [&_[data-rmiz-btn-unzoom]]:touch-manipulation [&_[data-rmiz-btn-unzoom]]:appearance-none [&_[data-rmiz-btn-unzoom]]:rounded-[50%] [&_[data-rmiz-btn-unzoom]]:border-none [&_[data-rmiz-btn-unzoom]]:bg-foreground/70 [&_[data-rmiz-btn-unzoom]]:p-2 [&_[data-rmiz-btn-unzoom]]:text-background [&_[data-rmiz-btn-unzoom]]:outline-offset-2",
+      "[&_[data-rmiz-btn-zoom]:not(:focus):not(:active)]:pointer-events-none [&_[data-rmiz-btn-zoom]:not(:focus):not(:active)]:absolute [&_[data-rmiz-btn-zoom]:not(:focus):not(:active)]:size-px [&_[data-rmiz-btn-zoom]:not(:focus):not(:active)]:overflow-hidden [&_[data-rmiz-btn-zoom]:not(:focus):not(:active)]:whitespace-nowrap [&_[data-rmiz-btn-zoom]:not(:focus):not(:active)]:[clip-path:inset(50%)] [&_[data-rmiz-btn-zoom]:not(:focus):not(:active)]:[clip:rect(0_0_0_0)]",
+      "[&_[data-rmiz-btn-zoom]]:absolute [&_[data-rmiz-btn-zoom]]:top-2.5 [&_[data-rmiz-btn-zoom]]:right-2.5 [&_[data-rmiz-btn-zoom]]:bottom-auto [&_[data-rmiz-btn-zoom]]:left-auto [&_[data-rmiz-btn-zoom]]:cursor-zoom-in",
+      "[&_[data-rmiz-btn-unzoom]]:absolute [&_[data-rmiz-btn-unzoom]]:top-5 [&_[data-rmiz-btn-unzoom]]:right-5 [&_[data-rmiz-btn-unzoom]]:bottom-auto [&_[data-rmiz-btn-unzoom]]:left-auto [&_[data-rmiz-btn-unzoom]]:z-[1] [&_[data-rmiz-btn-unzoom]]:cursor-zoom-out",
+      '[&_[data-rmiz-content="found"]_img]:cursor-zoom-in',
+      '[&_[data-rmiz-content="found"]_svg]:cursor-zoom-in',
+      '[&_[data-rmiz-content="found"]_[role="img"]]:cursor-zoom-in',
+      '[&_[data-rmiz-content="found"]_[data-zoom]]:cursor-zoom-in',
+      className
+    )}
+  >
+    <Zoom
+      classDialog={cn(
+        "[&::backdrop]:hidden",
+        "[&[open]]:fixed [&[open]]:m-0 [&[open]]:h-dvh [&[open]]:max-h-none [&[open]]:w-dvw [&[open]]:max-w-none [&[open]]:overflow-hidden [&[open]]:border-0 [&[open]]:bg-transparent [&[open]]:p-0",
+        "[&_[data-rmiz-modal-overlay]]:absolute [&_[data-rmiz-modal-overlay]]:inset-0 [&_[data-rmiz-modal-overlay]]:transition-all",
+        '[&_[data-rmiz-modal-overlay="hidden"]]:bg-transparent',
+        '[&_[data-rmiz-modal-overlay="visible"]]:bg-background/80 [&_[data-rmiz-modal-overlay="visible"]]:backdrop-blur-md',
+        "[&_[data-rmiz-modal-content]]:relative [&_[data-rmiz-modal-content]]:size-full",
+        "[&_[data-rmiz-modal-img]]:absolute [&_[data-rmiz-modal-img]]:origin-top-left [&_[data-rmiz-modal-img]]:cursor-zoom-out [&_[data-rmiz-modal-img]]:transition-transform",
+        "motion-reduce:[&_[data-rmiz-modal-img]]:transition-none motion-reduce:[&_[data-rmiz-modal-overlay]]:transition-none",
+        backdropClassName
+      )}
+      {...props}
+    />
+  </div>
+);

package/packages/image-zoom/node_modules/.bin/tsc

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsc" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsc" "$@"
+fi

package/packages/image-zoom/node_modules/.bin/tsserver

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsserver" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsserver" "$@"
+fi

package/packages/image-zoom/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@repo/image-zoom",
+  "description": "Image zoom is a component that allows you to zoom in on an image.",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "@repo/shadcn-ui": "workspace:*",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-medium-image-zoom": "^5.4.0"
+  },
+  "devDependencies": {
+    "@repo/typescript-config": "workspace:*",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.1",
+    "typescript": "^5.9.3"
+  }
+}

package/packages/image-zoom/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "@repo/typescript-config/nextjs.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@repo/*": ["../*"],
+      "@/components/*": ["../shadcn-ui/components/*"],
+      "@/lib/*": ["../shadcn-ui/lib/*"]
+    }
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}

package/packages/kanban/index.tsx

@@ -0,0 +1,338 @@
+"use client";
+
+import type {
+  Announcements,
+  DndContextProps,
+  DragEndEvent,
+  DragOverEvent,
+  DragStartEvent,
+} from "@dnd-kit/core";
+import {
+  closestCenter,
+  DndContext,
+  DragOverlay,
+  KeyboardSensor,
+  MouseSensor,
+  TouchSensor,
+  useDroppable,
+  useSensor,
+  useSensors,
+} from "@dnd-kit/core";
+import { arrayMove, SortableContext, useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import {
+  createContext,
+  type HTMLAttributes,
+  type ReactNode,
+  useContext,
+  useState,
+} from "react";
+import { createPortal } from "react-dom";
+import tunnel from "tunnel-rat";
+import { Card } from "@/components/ui/card";
+import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
+import { cn } from "@/lib/utils";
+
+const t = tunnel();
+
+export type { DragEndEvent } from "@dnd-kit/core";
+
+type KanbanItemProps = {
+  id: string;
+  name: string;
+  column: string;
+} & Record<string, unknown>;
+
+type KanbanColumnProps = {
+  id: string;
+  name: string;
+} & Record<string, unknown>;
+
+type KanbanContextProps<
+  T extends KanbanItemProps = KanbanItemProps,
+  C extends KanbanColumnProps = KanbanColumnProps,
+> = {
+  columns: C[];
+  data: T[];
+  activeCardId: string | null;
+};
+
+const KanbanContext = createContext<KanbanContextProps>({
+  columns: [],
+  data: [],
+  activeCardId: null,
+});
+
+export type KanbanBoardProps = {
+  id: string;
+  children: ReactNode;
+  className?: string;
+};
+
+export const KanbanBoard = ({ id, children, className }: KanbanBoardProps) => {
+  const { isOver, setNodeRef } = useDroppable({
+    id,
+  });
+
+  return (
+    <div
+      className={cn(
+        "flex size-full min-h-40 flex-col divide-y overflow-hidden rounded-md border bg-secondary text-xs shadow-sm ring-2 transition-all",
+        isOver ? "ring-primary" : "ring-transparent",
+        className
+      )}
+      ref={setNodeRef}
+    >
+      {children}
+    </div>
+  );
+};
+
+export type KanbanCardProps<T extends KanbanItemProps = KanbanItemProps> = T & {
+  children?: ReactNode;
+  className?: string;
+};
+
+export const KanbanCard = <T extends KanbanItemProps = KanbanItemProps>({
+  id,
+  name,
+  children,
+  className,
+}: KanbanCardProps<T>) => {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transition,
+    transform,
+    isDragging,
+  } = useSortable({
+    id,
+  });
+  const { activeCardId } = useContext(KanbanContext) as KanbanContextProps;
+
+  const style = {
+    transition,
+    transform: CSS.Transform.toString(transform),
+  };
+
+  return (
+    <>
+      <div style={style} {...listeners} {...attributes} ref={setNodeRef}>
+        <Card
+          className={cn(
+            "cursor-grab gap-4 rounded-md p-3 shadow-sm",
+            isDragging && "pointer-events-none cursor-grabbing opacity-30",
+            className
+          )}
+        >
+          {children ?? <p className="m-0 font-medium text-sm">{name}</p>}
+        </Card>
+      </div>
+      {activeCardId === id && (
+        <t.In>
+          <Card
+            className={cn(
+              "cursor-grab gap-4 rounded-md p-3 shadow-sm ring-2 ring-primary",
+              isDragging && "cursor-grabbing",
+              className
+            )}
+          >
+            {children ?? <p className="m-0 font-medium text-sm">{name}</p>}
+          </Card>
+        </t.In>
+      )}
+    </>
+  );
+};
+
+export type KanbanCardsProps<T extends KanbanItemProps = KanbanItemProps> =
+  Omit<HTMLAttributes<HTMLDivElement>, "children" | "id"> & {
+    children: (item: T) => ReactNode;
+    id: string;
+  };
+
+export const KanbanCards = <T extends KanbanItemProps = KanbanItemProps>({
+  children,
+  className,
+  ...props
+}: KanbanCardsProps<T>) => {
+  const { data } = useContext(KanbanContext) as KanbanContextProps<T>;
+  const filteredData = data.filter((item) => item.column === props.id);
+  const items = filteredData.map((item) => item.id);
+
+  return (
+    <ScrollArea className="overflow-hidden">
+      <SortableContext items={items}>
+        <div
+          className={cn("flex flex-grow flex-col gap-2 p-2", className)}
+          {...props}
+        >
+          {filteredData.map(children)}
+        </div>
+      </SortableContext>
+      <ScrollBar orientation="vertical" />
+    </ScrollArea>
+  );
+};
+
+export type KanbanHeaderProps = HTMLAttributes<HTMLDivElement>;
+
+export const KanbanHeader = ({ className, ...props }: KanbanHeaderProps) => (
+  <div className={cn("m-0 p-2 font-semibold text-sm", className)} {...props} />
+);
+
+export type KanbanProviderProps<
+  T extends KanbanItemProps = KanbanItemProps,
+  C extends KanbanColumnProps = KanbanColumnProps,
+> = Omit<DndContextProps, "children"> & {
+  children: (column: C) => ReactNode;
+  className?: string;
+  columns: C[];
+  data: T[];
+  onDataChange?: (data: T[]) => void;
+  onDragStart?: (event: DragStartEvent) => void;
+  onDragEnd?: (event: DragEndEvent) => void;
+  onDragOver?: (event: DragOverEvent) => void;
+};
+
+export const KanbanProvider = <
+  T extends KanbanItemProps = KanbanItemProps,
+  C extends KanbanColumnProps = KanbanColumnProps,
+>({
+  children,
+  onDragStart,
+  onDragEnd,
+  onDragOver,
+  className,
+  columns,
+  data,
+  onDataChange,
+  ...props
+}: KanbanProviderProps<T, C>) => {
+  const [activeCardId, setActiveCardId] = useState<string | null>(null);
+
+  const sensors = useSensors(
+    useSensor(MouseSensor),
+    useSensor(TouchSensor),
+    useSensor(KeyboardSensor)
+  );
+
+  const handleDragStart = (event: DragStartEvent) => {
+    const card = data.find((item) => item.id === event.active.id);
+    if (card) {
+      setActiveCardId(event.active.id as string);
+    }
+    onDragStart?.(event);
+  };
+
+  const handleDragOver = (event: DragOverEvent) => {
+    const { active, over } = event;
+
+    if (!over) {
+      return;
+    }
+
+    const activeItem = data.find((item) => item.id === active.id);
+    const overItem = data.find((item) => item.id === over.id);
+
+    if (!activeItem) {
+      return;
+    }
+
+    const activeColumn = activeItem.column;
+    const overColumn =
+      overItem?.column ||
+      columns.find((col) => col.id === over.id)?.id ||
+      columns[0]?.id;
+
+    if (activeColumn !== overColumn) {
+      let newData = [...data];
+      const activeIndex = newData.findIndex((item) => item.id === active.id);
+      const overIndex = newData.findIndex((item) => item.id === over.id);
+
+      newData[activeIndex].column = overColumn;
+      newData = arrayMove(newData, activeIndex, overIndex);
+
+      onDataChange?.(newData);
+    }
+
+    onDragOver?.(event);
+  };
+
+  const handleDragEnd = (event: DragEndEvent) => {
+    setActiveCardId(null);
+
+    onDragEnd?.(event);
+
+    const { active, over } = event;
+
+    if (!over || active.id === over.id) {
+      return;
+    }
+
+    let newData = [...data];
+
+    const oldIndex = newData.findIndex((item) => item.id === active.id);
+    const newIndex = newData.findIndex((item) => item.id === over.id);
+
+    newData = arrayMove(newData, oldIndex, newIndex);
+
+    onDataChange?.(newData);
+  };
+
+  const announcements: Announcements = {
+    onDragStart({ active }) {
+      const { name, column } = data.find((item) => item.id === active.id) ?? {};
+
+      return `Picked up the card "${name}" from the "${column}" column`;
+    },
+    onDragOver({ active, over }) {
+      const { name } = data.find((item) => item.id === active.id) ?? {};
+      const newColumn = columns.find((column) => column.id === over?.id)?.name;
+
+      return `Dragged the card "${name}" over the "${newColumn}" column`;
+    },
+    onDragEnd({ active, over }) {
+      const { name } = data.find((item) => item.id === active.id) ?? {};
+      const newColumn = columns.find((column) => column.id === over?.id)?.name;
+
+      return `Dropped the card "${name}" into the "${newColumn}" column`;
+    },
+    onDragCancel({ active }) {
+      const { name } = data.find((item) => item.id === active.id) ?? {};
+
+      return `Cancelled dragging the card "${name}"`;
+    },
+  };
+
+  return (
+    <KanbanContext.Provider value={{ columns, data, activeCardId }}>
+      <DndContext
+        accessibility={{ announcements }}
+        collisionDetection={closestCenter}
+        onDragEnd={handleDragEnd}
+        onDragOver={handleDragOver}
+        onDragStart={handleDragStart}
+        sensors={sensors}
+        {...props}
+      >
+        <div
+          className={cn(
+            "grid size-full auto-cols-fr grid-flow-col gap-4",
+            className
+          )}
+        >
+          {columns.map((column) => children(column))}
+        </div>
+        {typeof window !== "undefined" &&
+          createPortal(
+            <DragOverlay>
+              <t.Out />
+            </DragOverlay>,
+            document.body
+          )}
+      </DndContext>
+    </KanbanContext.Provider>
+  );
+};

package/packages/kanban/node_modules/.bin/tsc

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsc" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsc" "$@"
+fi

package/packages/kanban/node_modules/.bin/tsserver

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/typescript@5.9.3/node_modules:/Users/connorlove/projects/LoveUI/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsserver" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsserver" "$@"
+fi

package/packages/kanban/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@repo/kanban",
+  "description": "A kanban board is a visual tool that helps you manage and visualize your work. It is a board with columns, and each column represents a status, e.g. \"Backlog\", \"In Progress\", \"Done\".",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@repo/shadcn-ui": "workspace:*",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tunnel-rat": "^0.1.2"
+  },
+  "devDependencies": {
+    "@repo/typescript-config": "workspace:*",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.1",
+    "typescript": "^5.9.3"
+  }
+}

package/packages/kanban/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "@repo/typescript-config/nextjs.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@repo/*": ["../*"],
+      "@/components/*": ["../shadcn-ui/components/*"],
+      "@/lib/*": ["../shadcn-ui/lib/*"]
+    }
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}