feat: add peer dependency docs to all component pages

Add a Dependencies section to every component doc page (53 files)
listing the required peer packages with install commands. Components
with no external deps explicitly state they need only React and
Tailwind CSS.

Also includes:
- Update installation.mdx with component peer dependency model and
  lucide-react guidance
- Fix map.mdx to list correct react-leaflet deps (was @vis.gl)
- Fix autocomplete.mdx to include missing cmdk dep
- Fix calendar-date-picker.mdx to include missing date-fns dep
- Add *.tgz to .gitignore to prevent tarball artifacts
- Add try/catch error handling to fix-dts-imports.mjs execSync
- Remove stale path comments from time-range-picker components
- Add @tailwindcss/node and @tailwindcss/oxide as explicit devDeps
- Use --config-loader native for tsdown build compatibility

Author: yahyafakhroji

.changeset/pre.json

@@ -0,0 +1,14 @@
+{
+  "mode": "pre",
+  "tag": "alpha",
+  "initialVersions": {
+    "@repo/docs": "0.0.0",
+    "@repo/storybook": "0.0.0",
+    "@repo/config": "0.0.0",
+    "@datum-cloud/datum-ui": "0.1.0",
+    "@repo/shadcn": "0.0.0"
+  },
+  "changesets": [
+    "rare-dancers-itch"
+  ]
+}

.changeset/rare-dancers-itch.md

@@ -0,0 +1,5 @@
+---
+"@datum-cloud/datum-ui": minor
+---
+
+Complete restructure of the datum-ui package from a flat component library into a scalable monorepo-based design system with a two-layer architecture (shadcn primitives + datum components), full test suite, Storybook explorer, and Fumadocs documentation site

.gitignore

@@ -8,6 +8,8 @@ coverage/
 .env*
 .source/
 
+*.tgz
+
 .claude/
 CLAUDE.MD
 /docs/

apps/docs/content/docs/components/base/alert.mdx

@@ -9,6 +9,10 @@ import { Alert, AlertTitle, AlertDescription } from '@/components/ui'
 
 The Alert component displays short, important messages to the user. It supports seven semantic variants for different contexts (default, secondary, outline, destructive, success, info, warning) and an optional close button for dismissible alerts.
 
+## Dependencies
+
+No additional dependencies required — this component uses only React and Tailwind CSS.
+
 ## Usage
 
 <ComponentPreview name="Basic Alert">

apps/docs/content/docs/components/base/badge.mdx

@@ -9,6 +9,10 @@ import { Badge } from '@/components/ui'
 
 Badge is a lightweight inline element used to display short labels, status indicators, categories, or tags. It supports nine semantic types and three visual themes, making it adaptable for a wide range of use cases such as status flags, counters, and categorization labels.
 
+## Dependencies
+
+No additional dependencies required — this component uses only React and Tailwind CSS.
+
 ## Usage
 
 <ComponentPreview name="Basic Badge">

apps/docs/content/docs/components/base/breadcrumb.mdx

@@ -7,6 +7,14 @@ description: A navigational trail showing the user's current location within a h
 
 Breadcrumb renders a horizontal list of links representing the user's current path within the application hierarchy. It follows the WAI-ARIA breadcrumb pattern with `nav[aria-label="breadcrumb"]` and `aria-current="page"` on the current page. Built on Radix UI's Slot for polymorphic link rendering.
 
+## Dependencies
+
+This component requires the following packages:
+
+```bash
+npm install @radix-ui/react-slot
+```
+
 ## Usage
 
 ```tsx

apps/docs/content/docs/components/base/button-group.mdx

@@ -7,6 +7,10 @@ description: Group related buttons together with consistent spacing and styling.
 
 Re-exported from shadcn/ui. Groups related buttons together.
 
+## Dependencies
+
+No additional dependencies required — this component uses only React and Tailwind CSS.
+
 ## Usage
 
 ```tsx

apps/docs/content/docs/components/base/button.mdx

@@ -9,6 +9,14 @@ import { Button } from '@/components/ui'
 
 The Button component supports multiple visual types (primary, secondary, tertiary, quaternary, danger, warning, success) combined with themes (solid, outline, light, borderless, link) for flexible styling. It includes loading states, icon support, and full-width layout.
 
+## Dependencies
+
+This component requires the following packages:
+
+```bash
+npm install @radix-ui/react-slot
+```
+
 ## Usage
 
 <ComponentPreview name="Basic Button">

apps/docs/content/docs/components/base/calendar.mdx

@@ -9,6 +9,14 @@ import { Calendar } from '@/components/ui'
 
 The `Calendar` component renders an interactive month calendar. It supports single-date selection, date ranges, outside-day display, and multiple months. Built on `react-day-picker` v4 with Datum design tokens applied to navigation, day cells, and range highlighting.
 
+## Dependencies
+
+This component requires the following packages:
+
+```bash
+npm install react-day-picker
+```
+
 ## Usage
 
 <ComponentPreview name="Basic Calendar">

apps/docs/content/docs/components/base/card.mdx

@@ -9,6 +9,10 @@ import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter }
 
 The Card component provides a styled container for grouping related content. It extends the shadcn Card with Datum-specific styling and includes sub-components for structured layouts: `CardHeader`, `CardTitle`, `CardDescription`, `CardContent`, and `CardFooter`.
 
+## Dependencies
+
+No additional dependencies required — this component uses only React and Tailwind CSS.
+
 ## Usage
 
 <ComponentPreview name="Basic Card">