diff --git a/.github/workflows/ui-test-vue.yml b/.github/workflows/ui-test-vue.yml
index 8b29f7fb68..869d69062b 100644
--- a/.github/workflows/ui-test-vue.yml
+++ b/.github/workflows/ui-test-vue.yml
@@ -86,3 +86,6 @@ jobs:
         # fails if tokens.css has drifted from tokens.ts
         bun run tokens:check
         bun run test
+        # build the distributable and check its contract
+        bun run build
+        bun run verify:dist
diff --git a/plugins/ui/bun.lock b/plugins/ui/bun.lock
index 6db1ea1b67..5a3912803b 100644
--- a/plugins/ui/bun.lock
+++ b/plugins/ui/bun.lock
@@ -550,6 +550,7 @@
         "vite": "^6.4.2",
         "vitest": "^4.0.18",
         "vue": "^3.5.17",
+        "vue-tsc": "^2.2.12",
         "vuetify": "3.12.0",
       },
       "peerDependencies": {
diff --git a/plugins/ui/libs/d2e-ui/.gitignore b/plugins/ui/libs/d2e-ui/.gitignore
index 0c3679981e..eb16768191 100644
--- a/plugins/ui/libs/d2e-ui/.gitignore
+++ b/plugins/ui/libs/d2e-ui/.gitignore
@@ -1,2 +1,3 @@
 node_modules/
 .histoire/
+dist/
diff --git a/plugins/ui/libs/d2e-ui/README.md b/plugins/ui/libs/d2e-ui/README.md
index 108a441e5c..02be85da8d 100644
--- a/plugins/ui/libs/d2e-ui/README.md
+++ b/plugins/ui/libs/d2e-ui/README.md
@@ -1,12 +1,34 @@
 # `@d2e/ui`
 
 Vue 3 and Vuetify components for D2E, with the design tokens from the D2E
-design system. The application uses the source directly. There is no build
-step.
+design system. The application reads the source directly through vite aliases.
+Every other consumer uses the built artifact — see below.
+
+## Consuming the built package
+
+The application consumes this package as **source**, through aliases in
+`apps/vue-mri-ui-lib/vite.config*.ts`. Any other consumer should use the built
+artifact:
+
+```ts
+import { D2eButton, D2eDialog } from "@d2e/ui";
+import "@d2e/ui/tokens.css";
+import "@d2e/ui/style.css";   // component styles — required for the built package
+```
+
+`style.css` is new with the build. Scoped SFC styles used to be compiled into
+each consumer's own bundle; the built package emits them as one file instead.
+The application does not need it while it reads source.
+
+`vue` and `vuetify` are peer dependencies and are never bundled. Components
+import the Vuetify pieces they use, so a consumer does **not** need
+`vite-plugin-vuetify`.
 
 ## Commands
 
 ```bash
+bun run build          # dist/index.js, dist/index.css, dist/types
+bun run verify:dist    # checks exports and that peers stayed external
 bun run test           # unit tests
 bun run tokens:build   # write src/tokens/tokens.css from src/tokens/tokens.ts
 bun run tokens:check   # fail if tokens.css is not current
diff --git a/plugins/ui/libs/d2e-ui/package.json b/plugins/ui/libs/d2e-ui/package.json
index 6fd60fbc4c..78c1faafa8 100644
--- a/plugins/ui/libs/d2e-ui/package.json
+++ b/plugins/ui/libs/d2e-ui/package.json
@@ -5,17 +5,25 @@
   "type": "module",
   "description": "D2E Vue 3 + Vuetify component library",
   "exports": {
-    ".": "./src/index.ts",
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./dist/index.css",
     "./tokens.css": "./src/tokens/tokens.css"
   },
   "files": [
+    "dist",
     "src"
   ],
   "scripts": {
     "tokens:build": "tsx scripts/build-tokens.ts",
     "tokens:check": "tsx scripts/build-tokens.ts && git diff --exit-code src/tokens/tokens.css",
     "test": "vitest run",
-    "lint": "prettier --write ."
+    "lint": "prettier --write .",
+    "build": "vite build --config vite.config.lib.ts && bun run build:types",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist/types -p tsconfig.build.json",
+    "verify:dist": "node scripts/verify-dist.mjs"
   },
   "peerDependencies": {
     "vue": "^3.5.0",
@@ -28,6 +36,10 @@
     "vite": "^6.4.2",
     "vitest": "^4.0.18",
     "vue": "^3.5.17",
+    "vue-tsc": "^2.2.12",
     "vuetify": "3.12.0"
-  }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/types/index.d.ts"
 }
diff --git a/plugins/ui/libs/d2e-ui/scripts/verify-dist.mjs b/plugins/ui/libs/d2e-ui/scripts/verify-dist.mjs
new file mode 100644
index 0000000000..029d4f4e46
--- /dev/null
+++ b/plugins/ui/libs/d2e-ui/scripts/verify-dist.mjs
@@ -0,0 +1,99 @@
+// Verifies the built artifact without executing it. Plain node cannot import
+// dist/index.js: vuetify's ESM pulls in .css files, which only a bundler
+// resolves. These static checks catch the failures that actually matter —
+// a missing export, or a peer dependency accidentally bundled in.
+import { readFileSync, existsSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import path from "node:path";
+
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
+const js = path.join(root, "dist/index.js");
+const css = path.join(root, "dist/index.css");
+const types = path.join(root, "dist/types/index.d.ts");
+
+const problems = [];
+
+for (const f of [js, css, types]) {
+  if (!existsSync(f))
+    problems.push(`missing artifact: ${path.relative(root, f)}`);
+}
+if (problems.length) {
+  console.error(problems.join("\n"));
+  process.exit(1);
+}
+
+const bundle = readFileSync(js, "utf8");
+
+const EXPECTED = [
+  "D2eButton",
+  "D2eCard",
+  "D2eDialog",
+  "D2eExplorationCard",
+  "D2eIconButton",
+  "D2eMenu",
+  "D2eStatusChip",
+  "D2eTextField",
+  "D2eToolbar",
+  "DIALOG_SIZE_MAP",
+  "EXPLORATION_STATUS_MAP",
+  "ICON_BUTTON_SIZE_MAP",
+  "SIZE_MAP",
+  "STATUS_CHIP_VARIANT_MAP",
+  "VARIANT_MAP",
+  "buildD2eVuetifyOptions",
+  "tokens",
+];
+// Pull the names out of the final `export { ... }` block.
+const exportBlock = bundle.match(/export\s*\{([\s\S]*?)\}/);
+if (!exportBlock) {
+  console.error("no export block found in dist/index.js");
+  process.exit(1);
+}
+const exported = new Set(
+  exportBlock[1]
+    .split(",")
+    .map((part) =>
+      part
+        .trim()
+        .split(/\s+as\s+/)
+        .pop(),
+    )
+    .filter(Boolean),
+);
+const missing = EXPECTED.filter((n) => !exported.has(n));
+if (missing.length) problems.push(`missing exports: ${missing.join(", ")}`);
+
+// vue and vuetify are peers; they must appear only as import specifiers.
+const specifiers = new Set(
+  [...bundle.matchAll(/from ?"([^"]+)"/g)].map((m) => m[1]),
+);
+const unexpected = [...specifiers].filter(
+  (s) => s !== "vue" && !s.startsWith("vuetify"),
+);
+if (unexpected.length)
+  problems.push(`unexpected runtime imports: ${unexpected.join(", ")}`);
+
+// Positive assertions. Checking only for *unexpected* specifiers misses the
+// case that matters: if a peer is bundled it stops appearing as an import at
+// all, so its absence is the symptom.
+if (!specifiers.has("vue"))
+  problems.push("vue is not imported — it may be bundled");
+if (![...specifiers].some((s) => s.startsWith("vuetify")))
+  problems.push("vuetify is not imported — it may be bundled");
+
+// Backstop: the library is small once the peers are external. Bundling
+// vuetify inflates it by an order of magnitude.
+const MAX_BYTES = 150_000;
+const size = readFileSync(js).length;
+if (size > MAX_BYTES)
+  problems.push(
+    `dist/index.js is ${size} bytes (limit ${MAX_BYTES}) — a peer is probably bundled`,
+  );
+
+if (problems.length) {
+  console.error(problems.join("\n"));
+  process.exit(1);
+}
+console.log(
+  `dist ok — ${EXPECTED.length} exports, peers external (${[...specifiers].join(", ")})`,
+);
diff --git a/plugins/ui/libs/d2e-ui/src/__tests__/d2e-button.test.ts b/plugins/ui/libs/d2e-ui/src/__tests__/d2e-button.test.ts
index 96f86d49aa..e3fa749fcd 100644
--- a/plugins/ui/libs/d2e-ui/src/__tests__/d2e-button.test.ts
+++ b/plugins/ui/libs/d2e-ui/src/__tests__/d2e-button.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from "vitest";
-import { SIZE_MAP, VARIANT_MAP } from "../components/D2eButton.vue";
+import { SIZE_MAP, VARIANT_MAP } from "../components/buttonVariants";
 
 describe("D2eButton lookup tables", () => {
   it("maps every variant to the Vuetify variant/color pair", () => {
diff --git a/plugins/ui/libs/d2e-ui/src/__tests__/explorer-parity.test.ts b/plugins/ui/libs/d2e-ui/src/__tests__/explorer-parity.test.ts
index 260246cb2e..b61e7e6afe 100644
--- a/plugins/ui/libs/d2e-ui/src/__tests__/explorer-parity.test.ts
+++ b/plugins/ui/libs/d2e-ui/src/__tests__/explorer-parity.test.ts
@@ -19,7 +19,11 @@ const explorer = readManifest("explorer/package.json");
 const app = readManifest("../../apps/vue-mri-ui-lib/package.json");
 
 const minorOf = (range: string): string =>
-  range.replace(/^[^\d]*/, "").split(".").slice(0, 2).join(".");
+  range
+    .replace(/^[^\d]*/, "")
+    .split(".")
+    .slice(0, 2)
+    .join(".");
 
 describe("explorer stays outside the workspace", () => {
   it("keeps the workspace globs one level deep", () => {
@@ -46,7 +50,7 @@ describe("explorer matches the application", () => {
 
   it("uses the same vue minor version as the application", () => {
     expect(minorOf(explorer.devDependencies.vue)).toBe(
-      minorOf(app.dependencies.vue)
+      minorOf(app.dependencies.vue),
     );
   });
 
diff --git a/plugins/ui/libs/d2e-ui/src/__tests__/icon-button.test.ts b/plugins/ui/libs/d2e-ui/src/__tests__/icon-button.test.ts
index 5bf2df421b..2174eb6df4 100644
--- a/plugins/ui/libs/d2e-ui/src/__tests__/icon-button.test.ts
+++ b/plugins/ui/libs/d2e-ui/src/__tests__/icon-button.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from "vitest";
-import { ICON_BUTTON_SIZE_MAP } from "../components/D2eIconButton.vue";
+import { ICON_BUTTON_SIZE_MAP } from "../components/iconButtonSizes";
 
 describe("D2eIconButton size map", () => {
   it("maps sizes to container and icon dimensions", () => {
diff --git a/plugins/ui/libs/d2e-ui/src/__tests__/status-chip.test.ts b/plugins/ui/libs/d2e-ui/src/__tests__/status-chip.test.ts
index 15130e5ecd..1ff06d2cd2 100644
--- a/plugins/ui/libs/d2e-ui/src/__tests__/status-chip.test.ts
+++ b/plugins/ui/libs/d2e-ui/src/__tests__/status-chip.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from "vitest";
-import { STATUS_CHIP_VARIANT_MAP } from "../components/D2eStatusChip.vue";
+import { STATUS_CHIP_VARIANT_MAP } from "../components/statusChipVariants";
 
 describe("D2eStatusChip variant map", () => {
   it("maps every variant to the Figma background/text pair", () => {
diff --git a/plugins/ui/libs/d2e-ui/src/__tests__/tokens.test.ts b/plugins/ui/libs/d2e-ui/src/__tests__/tokens.test.ts
index 52bf14d5cd..b703665387 100644
--- a/plugins/ui/libs/d2e-ui/src/__tests__/tokens.test.ts
+++ b/plugins/ui/libs/d2e-ui/src/__tests__/tokens.test.ts
@@ -6,8 +6,8 @@ describe("tokens.css generator", () => {
     const css = generateTokensCss();
     expect(
       css.startsWith(
-        "/* GENERATED — DO NOT EDIT.\n * Source: src/tokens/tokens.ts."
-      )
+        "/* GENERATED — DO NOT EDIT.\n * Source: src/tokens/tokens.ts.",
+      ),
     ).toBe(true);
   });
 
diff --git a/plugins/ui/libs/d2e-ui/src/components/D2eButton.vue b/plugins/ui/libs/d2e-ui/src/components/D2eButton.vue
index edf6518d99..f3dea55d75 100644
--- a/plugins/ui/libs/d2e-ui/src/components/D2eButton.vue
+++ b/plugins/ui/libs/d2e-ui/src/components/D2eButton.vue
@@ -15,30 +15,10 @@
   </v-btn>
 </template>
 
-<script lang="ts">
-export const VARIANT_MAP = {
-  // `brand`, not the `primary` theme key: inside the portal scope
-  // (.mri-app-vue-container) Bootstrap 4's scoped `.bg-primary`/`.text-primary`
-  // utilities win over Vuetify's same-named utilities and render invalid
-  // (transparent/blue), because Bootstrap 4 defines no `--bs-primary-rgb`.
-  // Bootstrap's $theme-colors has no `brand` entry, so this key cannot
-  // collide. Rename to `primary` once Bootstrap leaves the portal scope.
-  // Same mechanism as `danger` -> `feedback-error`.
-  primary: { variant: "flat", color: "brand" },
-  secondary: { variant: "outlined", color: "brand" },
-  // The design red is the existing feedback-error token (#A3293D), not the
-  // Bootstrap red on the theme's `error` key.
-  danger: { variant: "flat", color: "feedback-error" },
-  ghost: { variant: "text", color: "brand" },
-} as const;
-
-export const SIZE_MAP = { sm: "small", md: undefined, lg: "large" } as const;
-
-export type D2eButtonVariant = keyof typeof VARIANT_MAP;
-export type D2eButtonSize = keyof typeof SIZE_MAP;
-</script>
-
 <script setup lang="ts">
+import { VARIANT_MAP, SIZE_MAP } from "./buttonVariants";
+import type { D2eButtonVariant, D2eButtonSize } from "./buttonVariants";
+import { VBtn } from "vuetify/components";
 import { computed } from "vue";
 
 interface Props {
diff --git a/plugins/ui/libs/d2e-ui/src/components/D2eDialog.vue b/plugins/ui/libs/d2e-ui/src/components/D2eDialog.vue
index 93437464ef..72f6a744b5 100644
--- a/plugins/ui/libs/d2e-ui/src/components/D2eDialog.vue
+++ b/plugins/ui/libs/d2e-ui/src/components/D2eDialog.vue
@@ -59,6 +59,13 @@
 </template>
 
 <script setup lang="ts">
+import {
+  VBtn,
+  VCard,
+  VDialog,
+  VDivider,
+  VProgressCircular,
+} from "vuetify/components";
 import { computed, nextTick, ref, useAttrs, watch } from "vue";
 import { DIALOG_SIZE_MAP, type D2eDialogSize } from "./dialogSizes";
 
diff --git a/plugins/ui/libs/d2e-ui/src/components/D2eExplorationCard.vue b/plugins/ui/libs/d2e-ui/src/components/D2eExplorationCard.vue
index 9df825c0a7..c39f0123f6 100644
--- a/plugins/ui/libs/d2e-ui/src/components/D2eExplorationCard.vue
+++ b/plugins/ui/libs/d2e-ui/src/components/D2eExplorationCard.vue
@@ -89,35 +89,13 @@
   </section>
 </template>
 
-<script lang="ts">
-// Figma: Exploration card component set 1810:239213 (ready / Not run / Stale).
-export const EXPLORATION_STATUS_MAP = {
-  ready: {
-    variant: "positive",
-    label: "Ready",
-    icon: "mdi-check-circle-outline",
-  },
-  "not-run": {
-    variant: "neutral",
-    label: "Not run yet",
-    icon: undefined,
-  },
-  stale: {
-    variant: "warning",
-    label: "Stale",
-    icon: "mdi-alert-outline",
-  },
-} as const;
-
-export type D2eExplorationCardStatus = keyof typeof EXPLORATION_STATUS_MAP;
-
-export interface D2eExplorationCardRow {
-  label: string;
-  value: string | number;
-}
-</script>
-
 <script setup lang="ts">
+import { EXPLORATION_STATUS_MAP } from "./explorationCardStatus";
+import type {
+  D2eExplorationCardRow,
+  D2eExplorationCardStatus,
+} from "./explorationCardStatus";
+import { VCheckbox } from "vuetify/components";
 import { computed } from "vue";
 import D2eStatusChip from "./D2eStatusChip.vue";
 
diff --git a/plugins/ui/libs/d2e-ui/src/components/D2eIconButton.vue b/plugins/ui/libs/d2e-ui/src/components/D2eIconButton.vue
index 5be76a2758..3e488bbdbe 100644
--- a/plugins/ui/libs/d2e-ui/src/components/D2eIconButton.vue
+++ b/plugins/ui/libs/d2e-ui/src/components/D2eIconButton.vue
@@ -14,19 +14,13 @@
   </v-btn>
 </template>
 
-<script lang="ts">
-// Values from design-system/icon-button.md (set 2006:843).
-export const ICON_BUTTON_SIZE_MAP = {
-  sm: { container: 32, icon: 16, padding: 5 },
-  md: { container: 44, icon: 20, padding: 8 },
-  lg: { container: 48, icon: 24, padding: 12 },
-} as const;
-
-export type D2eIconButtonSize = keyof typeof ICON_BUTTON_SIZE_MAP;
-export type D2eIconButtonCategory = "primary" | "secondary" | "no-stroke";
-</script>
-
 <script setup lang="ts">
+import { ICON_BUTTON_SIZE_MAP } from "./iconButtonSizes";
+import type {
+  D2eIconButtonSize,
+  D2eIconButtonCategory,
+} from "./iconButtonSizes";
+import { VBtn, VIcon } from "vuetify/components";
 import { computed } from "vue";
 
 interface Props {
diff --git a/plugins/ui/libs/d2e-ui/src/components/D2eMenu.vue b/plugins/ui/libs/d2e-ui/src/components/D2eMenu.vue
index c701060164..c54e4296b7 100644
--- a/plugins/ui/libs/d2e-ui/src/components/D2eMenu.vue
+++ b/plugins/ui/libs/d2e-ui/src/components/D2eMenu.vue
@@ -31,6 +31,7 @@
 </template>
 
 <script setup lang="ts">
+import { VIcon } from "vuetify/components";
 export interface D2eMenuItem {
   label: string;
   value: string;
diff --git a/plugins/ui/libs/d2e-ui/src/components/D2eStatusChip.vue b/plugins/ui/libs/d2e-ui/src/components/D2eStatusChip.vue
index e841855432..9f3c000fd3 100644
--- a/plugins/ui/libs/d2e-ui/src/components/D2eStatusChip.vue
+++ b/plugins/ui/libs/d2e-ui/src/components/D2eStatusChip.vue
@@ -7,48 +7,10 @@
   </span>
 </template>
 
-<script lang="ts">
-// Values from design-system/status-chip.md (Chip set 2129:3329 + dataset
-// status 2032:2333). "Possitive" is the Figma spelling; code uses `positive`.
-export const STATUS_CHIP_VARIANT_MAP = {
-  positive: {
-    background: "var(--d2e-color-success-light)",
-    color: "var(--d2e-color-success)",
-  },
-  warning: {
-    background: "var(--d2e-color-warning-light)",
-    color: "var(--d2e-color-warning-text)",
-  },
-  negative: {
-    background: "var(--d2e-color-alarm-light)",
-    color: "var(--d2e-color-alarm)",
-  },
-  neutral: {
-    background: "var(--d2e-color-neutral-lightest)",
-    color: "var(--d2e-color-neutral)",
-  },
-  multiselect: {
-    background: "var(--d2e-color-support-blue-light)",
-    color: "var(--d2e-color-primary)",
-  },
-  "have-access": {
-    background: "var(--d2e-color-success-light)",
-    color: "var(--d2e-color-success)",
-  },
-  "pending-access": {
-    background: "var(--d2e-color-warning-light)",
-    color: "var(--d2e-color-warning-text)",
-  },
-  locked: {
-    background: "var(--d2e-color-alarm-light)",
-    color: "var(--d2e-color-alarm)",
-  },
-} as const;
-
-export type D2eStatusChipVariant = keyof typeof STATUS_CHIP_VARIANT_MAP;
-</script>
-
 <script setup lang="ts">
+import { STATUS_CHIP_VARIANT_MAP } from "./statusChipVariants";
+import type { D2eStatusChipVariant } from "./statusChipVariants";
+import { VIcon } from "vuetify/components";
 import { computed } from "vue";
 
 interface Props {
diff --git a/plugins/ui/libs/d2e-ui/src/components/D2eTextField.vue b/plugins/ui/libs/d2e-ui/src/components/D2eTextField.vue
index ea6436e034..1ba0f162ec 100644
--- a/plugins/ui/libs/d2e-ui/src/components/D2eTextField.vue
+++ b/plugins/ui/libs/d2e-ui/src/components/D2eTextField.vue
@@ -14,6 +14,7 @@
 </template>
 
 <script setup lang="ts">
+import { VTextField } from "vuetify/components";
 import { computed, useAttrs } from "vue";
 
 interface Props {
diff --git a/plugins/ui/libs/d2e-ui/src/components/buttonVariants.ts b/plugins/ui/libs/d2e-ui/src/components/buttonVariants.ts
new file mode 100644
index 0000000000..5425fa2348
--- /dev/null
+++ b/plugins/ui/libs/d2e-ui/src/components/buttonVariants.ts
@@ -0,0 +1,20 @@
+export const VARIANT_MAP = {
+  // `brand`, not the `primary` theme key: inside the portal scope
+  // (.mri-app-vue-container) Bootstrap 4's scoped `.bg-primary`/`.text-primary`
+  // utilities win over Vuetify's same-named utilities and render invalid
+  // (transparent/blue), because Bootstrap 4 defines no `--bs-primary-rgb`.
+  // Bootstrap's $theme-colors has no `brand` entry, so this key cannot
+  // collide. Rename to `primary` once Bootstrap leaves the portal scope.
+  // Same mechanism as `danger` -> `feedback-error`.
+  primary: { variant: "flat", color: "brand" },
+  secondary: { variant: "outlined", color: "brand" },
+  // The design red is the existing feedback-error token (#A3293D), not the
+  // Bootstrap red on the theme's `error` key.
+  danger: { variant: "flat", color: "feedback-error" },
+  ghost: { variant: "text", color: "brand" },
+} as const;
+
+export const SIZE_MAP = { sm: "small", md: undefined, lg: "large" } as const;
+
+export type D2eButtonVariant = keyof typeof VARIANT_MAP;
+export type D2eButtonSize = keyof typeof SIZE_MAP;
diff --git a/plugins/ui/libs/d2e-ui/src/components/explorationCardStatus.ts b/plugins/ui/libs/d2e-ui/src/components/explorationCardStatus.ts
new file mode 100644
index 0000000000..86201fcc1f
--- /dev/null
+++ b/plugins/ui/libs/d2e-ui/src/components/explorationCardStatus.ts
@@ -0,0 +1,25 @@
+// Figma: Exploration card component set 1810:239213 (ready / Not run / Stale).
+export const EXPLORATION_STATUS_MAP = {
+  ready: {
+    variant: "positive",
+    label: "Ready",
+    icon: "mdi-check-circle-outline",
+  },
+  "not-run": {
+    variant: "neutral",
+    label: "Not run yet",
+    icon: undefined,
+  },
+  stale: {
+    variant: "warning",
+    label: "Stale",
+    icon: "mdi-alert-outline",
+  },
+} as const;
+
+export type D2eExplorationCardStatus = keyof typeof EXPLORATION_STATUS_MAP;
+
+export interface D2eExplorationCardRow {
+  label: string;
+  value: string | number;
+}
diff --git a/plugins/ui/libs/d2e-ui/src/components/iconButtonSizes.ts b/plugins/ui/libs/d2e-ui/src/components/iconButtonSizes.ts
new file mode 100644
index 0000000000..4bc5e08a0a
--- /dev/null
+++ b/plugins/ui/libs/d2e-ui/src/components/iconButtonSizes.ts
@@ -0,0 +1,9 @@
+// Values from design-system/icon-button.md (set 2006:843).
+export const ICON_BUTTON_SIZE_MAP = {
+  sm: { container: 32, icon: 16, padding: 5 },
+  md: { container: 44, icon: 20, padding: 8 },
+  lg: { container: 48, icon: 24, padding: 12 },
+} as const;
+
+export type D2eIconButtonSize = keyof typeof ICON_BUTTON_SIZE_MAP;
+export type D2eIconButtonCategory = "primary" | "secondary" | "no-stroke";
diff --git a/plugins/ui/libs/d2e-ui/src/components/statusChipVariants.ts b/plugins/ui/libs/d2e-ui/src/components/statusChipVariants.ts
new file mode 100644
index 0000000000..c600f5a44d
--- /dev/null
+++ b/plugins/ui/libs/d2e-ui/src/components/statusChipVariants.ts
@@ -0,0 +1,38 @@
+// Values from design-system/status-chip.md (Chip set 2129:3329 + dataset
+// status 2032:2333). "Possitive" is the Figma spelling; code uses `positive`.
+export const STATUS_CHIP_VARIANT_MAP = {
+  positive: {
+    background: "var(--d2e-color-success-light)",
+    color: "var(--d2e-color-success)",
+  },
+  warning: {
+    background: "var(--d2e-color-warning-light)",
+    color: "var(--d2e-color-warning-text)",
+  },
+  negative: {
+    background: "var(--d2e-color-alarm-light)",
+    color: "var(--d2e-color-alarm)",
+  },
+  neutral: {
+    background: "var(--d2e-color-neutral-lightest)",
+    color: "var(--d2e-color-neutral)",
+  },
+  multiselect: {
+    background: "var(--d2e-color-support-blue-light)",
+    color: "var(--d2e-color-primary)",
+  },
+  "have-access": {
+    background: "var(--d2e-color-success-light)",
+    color: "var(--d2e-color-success)",
+  },
+  "pending-access": {
+    background: "var(--d2e-color-warning-light)",
+    color: "var(--d2e-color-warning-text)",
+  },
+  locked: {
+    background: "var(--d2e-color-alarm-light)",
+    color: "var(--d2e-color-alarm)",
+  },
+} as const;
+
+export type D2eStatusChipVariant = keyof typeof STATUS_CHIP_VARIANT_MAP;
diff --git a/plugins/ui/libs/d2e-ui/src/index.ts b/plugins/ui/libs/d2e-ui/src/index.ts
index e148d49e56..387de754a0 100644
--- a/plugins/ui/libs/d2e-ui/src/index.ts
+++ b/plugins/ui/libs/d2e-ui/src/index.ts
@@ -8,21 +8,24 @@ export { default as D2eMenu } from "./components/D2eMenu.vue";
 export { default as D2eCard } from "./components/D2eCard.vue";
 export { default as D2eToolbar } from "./components/D2eToolbar.vue";
 export { default as D2eExplorationCard } from "./components/D2eExplorationCard.vue";
+export { VARIANT_MAP, SIZE_MAP } from "./components/buttonVariants";
 export type {
   D2eButtonVariant,
   D2eButtonSize,
-} from "./components/D2eButton.vue";
-export type { D2eStatusChipVariant } from "./components/D2eStatusChip.vue";
+} from "./components/buttonVariants";
+export { STATUS_CHIP_VARIANT_MAP } from "./components/statusChipVariants";
+export type { D2eStatusChipVariant } from "./components/statusChipVariants";
+export { ICON_BUTTON_SIZE_MAP } from "./components/iconButtonSizes";
 export type {
   D2eIconButtonSize,
   D2eIconButtonCategory,
-} from "./components/D2eIconButton.vue";
+} from "./components/iconButtonSizes";
 export type { D2eMenuItem } from "./components/D2eMenu.vue";
+export { EXPLORATION_STATUS_MAP } from "./components/explorationCardStatus";
 export type {
   D2eExplorationCardRow,
   D2eExplorationCardStatus,
-} from "./components/D2eExplorationCard.vue";
-export { EXPLORATION_STATUS_MAP } from "./components/D2eExplorationCard.vue";
+} from "./components/explorationCardStatus";
 export { tokens } from "./tokens/tokens";
 export type { D2eTokens } from "./tokens/tokens";
 export { buildD2eVuetifyOptions } from "./tokens/theme";
diff --git a/plugins/ui/libs/d2e-ui/tsconfig.build.json b/plugins/ui/libs/d2e-ui/tsconfig.build.json
new file mode 100644
index 0000000000..6afead877f
--- /dev/null
+++ b/plugins/ui/libs/d2e-ui/tsconfig.build.json
@@ -0,0 +1,16 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "noEmit": false
+  },
+  "include": ["src/**/*.ts", "src/**/*.vue"],
+  "exclude": [
+    "node_modules",
+    "explorer",
+    "src/**/__tests__/**",
+    "src/**/*.story.vue",
+    "src/_story/**"
+  ]
+}
diff --git a/plugins/ui/libs/d2e-ui/vite.config.lib.ts b/plugins/ui/libs/d2e-ui/vite.config.lib.ts
new file mode 100644
index 0000000000..1980be5003
--- /dev/null
+++ b/plugins/ui/libs/d2e-ui/vite.config.lib.ts
@@ -0,0 +1,26 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import path from "node:path";
+
+// Builds the distributable artifact. The application consumes this package
+// through source aliases (see apps/vue-mri-ui-lib/vite.config.ts), so this
+// build exists for other consumers and as the published contract.
+export default defineConfig({
+  plugins: [vue()],
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, "src/index.ts"),
+      formats: ["es"],
+      fileName: () => "index.js",
+      cssFileName: "index",
+    },
+    rollupOptions: {
+      // vue and vuetify are peer dependencies and must never be bundled.
+      external: ["vue", "vuetify", /^vuetify\//],
+    },
+    cssCodeSplit: false,
+    outDir: "dist",
+    emptyOutDir: true,
+    sourcemap: true,
+  },
+});