Initial commit: HMDesignSystem baseline

src/exports/dashboard/dashboard-export.css

@@ -0,0 +1,12 @@
+/* Export-only document defaults. Component and Story CSS are imported from the
+   existing React entry; this file must not recreate their visual language. */
+html,
+body,
+#root {
+  min-height: 100%;
+  margin: 0;
+}
+
+body {
+  min-width: 320px;
+}

src/exports/dashboard/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>HM Design System · Dashboard Export</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./main.tsx"></script>
+  </body>
+</html>

src/exports/dashboard/main.tsx

@@ -0,0 +1,17 @@
+import { StrictMode } from "react"
+import { createRoot } from "react-dom/client"
+import { DashboardScreen } from "@/patterns/dashboard-composition"
+import "@/index.css"
+import "@/hm-theme.css"
+import "@hm-design/ui/dashboard-status.css"
+import "./dashboard-export.css"
+
+const root = document.getElementById("root")
+
+if (!root) throw new Error("Dashboard export root was not found")
+
+createRoot(root).render(
+  <StrictMode>
+    <DashboardScreen mode="compact" />
+  </StrictMode>,
+)