blume 0.5.3 → 0.6.0

package/src/astro/templates.ts

@@ -4,8 +4,8 @@ import { dirname, isAbsolute, join, relative } from "pathe";
 
 import { askBackendRuntimeDep } from "../ai/ask.ts";
 import type { AskBackend } from "../ai/ask.ts";
-import { resolveAssetMounts } from "../core/assets.ts";
 import type { ResolvedConfig } from "../core/schema.ts";
+import { BLUME_IGNORE_DIRS } from "../core/sources/watch.ts";
 import type { ProjectContext } from "../core/types.ts";
 import { hasScalarReferences } from "../openapi/references.ts";
 import { searchProviderMeta } from "../search/providers.ts";
@@ -313,12 +313,10 @@ export const astroConfigTemplate = (options: {
   if (needsSvelte) {
     integrations.push("svelte()");
   }
-  // Always mounted: injects user pages (a no-op when there are none), serves
-  // `content.assets` mounts, and wires up dev-server `Accept: text/markdown`
-  // negotiation over the content routes.
-  const assets = resolveAssetMounts(context.root, config.content.assets);
+  // Always mounted: injects user pages (a no-op when there are none) and wires
+  // up dev-server `Accept: text/markdown` negotiation over the content routes.
   integrations.push(
-    `blumeIntegration(${JSON.stringify({ assets, base: deployment.base, contentRoutes, pages })})`
+    `blumeIntegration(${JSON.stringify({ base: deployment.base, contentRoutes, pages })})`
   );
 
   return `// Generated by Blume. Do not edit; this file is recreated on each run.
@@ -357,9 +355,17 @@ export default defineConfig({
     // native bindings resolve at runtime and isolated linkers don't bundle
     // symlinked store copies (which would surface their children as unresolvable
     // imports). See RENDER_EXTERNAL_DEPS / prerenderDepsPlugin.
+    //
+    // The SSR externals go through the legacy \`ssr.external\` key rather than
+    // \`environments.ssr\`: defining a user-owned \`environments.ssr\` block
+    // collides with the internal environment Astro 7 builds the server under and
+    // detaches the adapter's server entrypoint from the rolldown input, so the
+    // SSR entry is emitted as \`index.mjs\` instead of the \`entry.mjs\` the
+    // Vercel adapter's \`astro:build:done\` hook then fails to find. \`prerender\`
+    // is Astro-only and has no legacy equivalent, so it stays under \`environments\`.
+    ssr: { external: ${JSON.stringify(RENDER_EXTERNAL_DEPS)} },
     environments: {
       prerender: { resolve: { external: ${JSON.stringify(RENDER_EXTERNAL_DEPS)} } },
-      ssr: { resolve: { external: ${JSON.stringify(RENDER_EXTERNAL_DEPS)} } },
     },
     resolve: {
       alias: {
@@ -403,8 +409,8 @@ export const contentConfigTemplate = (options: {
   stagedBase?: string;
   /**
    * Whether any filesystem (non-staged) source feeds the `docs` collection.
-   * When false (e.g. Mintlify bridge mode, where every page is staged), the
-   * collection globs nothing — see below.
+   * When false (e.g. an all-staged project where every page is materialized by
+   * a non-filesystem source), the collection globs nothing — see below.
    */
   filesystem?: boolean;
 }): string => {
@@ -423,8 +429,8 @@ export const contentConfigTemplate = (options: {
 
   // With no filesystem source, no route renders through `docs`, so glob nothing.
   // Beyond skipping wasted work, this is the only thing that keeps Astro's
-  // content-layer *watcher* out of `.blume/`: bridge mode roots the collection
-  // at the project dir (which contains `.blume/.astro/fonts`, rewritten on every
+  // content-layer *watcher* out of `.blume/`: an all-staged project roots the
+  // collection at the project dir (which contains `.blume/.astro/fonts`, rewritten on every
   // request), and the watcher's match test is `picomatch.isMatch(path, pattern)`
   // — with array-OR semantics, any `!ignored/**` negation *matches* unrelated
   // files, so negative patterns can't exclude a subtree there. An empty pattern
@@ -435,7 +441,15 @@ export const contentConfigTemplate = (options: {
     ? [
         ...config.content.include,
         ...(config.content.exclude ?? []).map((pattern) => `!${pattern}`),
-        "!**/node_modules/**",
+        // Mirror the filesystem scan's baseline ignores (see BLUME_IGNORE_DIRS):
+        // Astro's content layer roots at the project dir, so a `.`-wide content
+        // root would otherwise re-ingest dependency trees and build output —
+        // e.g. a prior `dist/*.mdx` render — and crash the content-module graph.
+        // The runtime dir (`.blume`, or a custom distDir) is excluded precisely
+        // by `outDirIgnore` instead, so it's left out of this baseline.
+        ...BLUME_IGNORE_DIRS.filter((dir) => dir !== ".blume").map(
+          (dir) => `!**/${dir}/**`
+        ),
         ...outDirIgnore,
       ]
     : [];
@@ -869,7 +883,7 @@ const siteHost = (() => {
 
 export async function GET({ props }) {
   const png = await renderOgImage({
-    accent: data.config.theme.accent,
+    accent: data.config.theme.accent.light,
     brand: data.config.title,
     description: data.config.description,
     logo: data.config.logo?.svg,
@@ -942,7 +956,7 @@ export const catchAllPageTemplate = (options: {
     ? 'import AskAI from "blume/components/islands/AskAI.astro";\n'
     : "";
   const askSlot = options.askEnabled
-    ? '\n  <AskAI slot="ask" strings={ui.ask} />'
+    ? '\n  <AskAI slot="ask" strings={ui.ask} suggestions={data.config.ask?.suggestions ?? []} />'
     : "";
   const mathImport = options.mathEnabled
     ? 'import Math from "blume/components/content/Math.astro";\n'
@@ -980,10 +994,7 @@ import FileTree from "blume/components/content/FileTree.astro";
 import Frame from "blume/components/content/Frame.astro";
 import GithubInfo from "blume/components/content/GithubInfo.astro";
 import Panel from "blume/components/content/Panel.astro";
-import ParamField from "blume/components/content/ParamField.astro";
 import Prompt from "blume/components/content/Prompt.astro";
-import RequestField from "blume/components/content/RequestField.astro";
-import ResponseField from "blume/components/content/ResponseField.astro";
 import Step from "blume/components/content/Step.astro";
 import Steps from "blume/components/content/Steps.astro";
 import Tab from "blume/components/content/Tab.astro";
@@ -998,6 +1009,7 @@ import Visibility from "blume/components/content/Visibility.astro";
 import YouTube from "blume/components/content/YouTube.astro";
 import Icon from "blume/components/Icon.astro";
 import ApiOverview from "blume/components/openapi/ApiOverview.astro";
+import ApiTagOperations from "blume/components/openapi/ApiTagOperations.astro";
 import Operation from "blume/components/openapi/Operation.astro";
 ${mathImport}import { mdxComponents as userMdx, layoutOverrides } from "../generated/components.ts";
 import { islandComponents } from "../generated/islands.ts";
@@ -1016,6 +1028,7 @@ const components = {
   Accordion,
   AccordionItem,
   ApiOverview,
+  ApiTagOperations,
   AutoTypeTable,
   Badge,
   Callout,
@@ -1035,10 +1048,7 @@ const components = {
   Icon,
   Operation,
   Panel,
-  ParamField,
   Prompt,
-  RequestField,
-  ResponseField,
   Step,
   Steps,
   Tab,
@@ -1217,7 +1227,9 @@ export const changelogIndexTemplate = (options: {
   const askImport = options.askEnabled
     ? 'import AskAI from "blume/components/islands/AskAI.astro";\n'
     : "";
-  const askSlot = options.askEnabled ? '\n  <AskAI slot="ask" />' : "";
+  const askSlot = options.askEnabled
+    ? '\n  <AskAI slot="ask" strings={data.ui.ask} suggestions={data.config.ask?.suggestions ?? []} />'
+    : "";
   const clientData = options.needsReact
     ? '\n  clientData={{ config: data.config, navigation: data.navigation, page: { route: "/changelog", title: data.config.title + " changelog" } }}'
     : "";

package/src/cli/commands/build.ts

@@ -5,6 +5,7 @@ import { build } from "astro";
 import { defineCommand } from "citty";
 import { join } from "pathe";
 
+import { buildAgentReadability } from "../../ai/agent-readability.ts";
 import { buildLlmsFiles } from "../../ai/llms.ts";
 import { ensureGitignore } from "../../core/gitignore.ts";
 import type { BlumeProject } from "../../core/project-graph.ts";
@@ -218,6 +219,19 @@ const publishBuildArtifacts = async (
     logger.success("Generated robots.txt");
   }
 
+  const agentReadability = buildAgentReadability(project);
+  if (
+    agentReadability &&
+    !existsSync(join(distDir, "agent-readability.json"))
+  ) {
+    await writeFile(
+      join(distDir, "agent-readability.json"),
+      `${JSON.stringify(agentReadability, null, 2)}\n`,
+      "utf-8"
+    );
+    logger.success("Generated agent-readability.json");
+  }
+
   await emitRedirectFiles(project.config, distDir);
 
   const { config } = project;
@@ -231,6 +245,7 @@ const publishBuildArtifacts = async (
       `Redirects  ${config.redirects.length}`,
       `Sitemap    ${sitemap ? "yes" : "no (set deployment.site)"}`,
       `Robots     ${robots ? "yes" : "no"}`,
+      `Agent JSON ${agentReadability ? "yes" : "no"}`,
       `LLM files  ${config.ai.llmsTxt ? "yes" : "no"}`,
       `Server features  ${features.length > 0 ? features.join(", ") : "none"}`,
     ].join("\n")

package/src/cli/commands/dev.ts

@@ -6,9 +6,15 @@ import { defineCommand } from "citty";
 import { generateRuntime } from "../../astro/generate.ts";
 import { showBlumeErrorOverlay } from "../../astro/integration.ts";
 import { scanProject } from "../../core/project-graph.ts";
+import { resolveRuntimeDir } from "../../core/project.ts";
 import { parsePort } from "../args.ts";
 import { coalescedRunner } from "../coalesce.ts";
-import { acquireDevLock, isDevLocked } from "../dev-lock.ts";
+import {
+  acquireDevLock,
+  describeDevLock,
+  readDevLock,
+  updateDevLockPort,
+} from "../dev-lock.ts";
 import { logger } from "../log.ts";
 import { prepareProject } from "../prepare.ts";
 
@@ -47,6 +53,23 @@ export const devCommand = defineCommand({
     const explicitPort = parsePort(args.port);
     const port = explicitPort ?? 4321;
     const devServerUrl = `http://localhost:${port}`;
+
+    // Claim the shared `.blume` dir BEFORE preparing: `prepareProject`
+    // regenerates the runtime, so even a refused second dev server would
+    // otherwise clobber the running one's generated tree (with this
+    // invocation's port baked in) on its way out. Dev never relocates the
+    // runtime dir, so the lock always lives at `<root>/.blume`.
+    const outDir = resolveRuntimeDir(root);
+    const running = readDevLock(outDir);
+    if (running) {
+      logger.error(
+        `A \`blume dev\` server is already running${describeDevLock(running)} in this project. Reuse that server instead of starting a second one — two dev servers would corrupt the shared .blume dir. If it crashed, delete .blume/dev.lock.`
+      );
+      process.exit(1);
+    }
+    const releaseLock = acquireDevLock(outDir, port);
+    process.on("exit", releaseLock);
+
     const project = await prepareProject({
       devServerUrl,
       mode: "dev",
@@ -56,25 +79,6 @@ export const devCommand = defineCommand({
       strict: args.strict,
     });
 
-    if (project.bridge) {
-      logger.info(
-        'Detected docs.json — running in Mintlify bridge mode (no migration). Run "blume migrate mintlify" to convert permanently.'
-      );
-    }
-
-    // Claim the shared `.blume` dir so a concurrent build/eject/sync refuses
-    // rather than regenerating or deleting it out from under this server. A
-    // second dev server would fight over the same generated tree the same
-    // way, so it must refuse too instead of silently clobbering the lock.
-    if (isDevLocked(project.context.outDir)) {
-      logger.error(
-        "Another `blume dev` is already running in this project; two dev servers would corrupt the shared .blume dir. Stop the other one first (or delete .blume/dev.lock if it crashed)."
-      );
-      process.exit(1);
-    }
-    const releaseLock = acquireDevLock(project.context.outDir);
-    process.on("exit", releaseLock);
-
     const server = await dev({
       logLevel: args.debug ? "debug" : "info",
       root: project.context.outDir,
@@ -85,6 +89,13 @@ export const devCommand = defineCommand({
       },
     });
 
+    // Vite bumps to the next free port when the default is taken, so record
+    // the port the server actually bound — the lock's URL is what a refused
+    // second invocation tells its caller to reuse.
+    if (server.address.port !== port) {
+      updateDevLockPort(outDir, server.address.port);
+    }
+
     // Mirror any initial diagnostics into the browser overlay now the server
     // (and its HMR channel) is up.
     showBlumeErrorOverlay(project.diagnostics);

package/src/cli/commands/validate.ts

@@ -3,7 +3,6 @@ import { existsSync } from "node:fs";
 import { defineCommand } from "citty";
 import { join } from "pathe";
 
-import { resolveAssetMounts } from "../../core/assets.ts";
 import { BlumeError } from "../../core/diagnostics.ts";
 import { validateLinks } from "../../core/links.ts";
 import { scanProject } from "../../core/project-graph.ts";
@@ -48,7 +47,6 @@ export const validateCommand = defineCommand({
       const publicDir = join(root, "public");
       diagnostics.push(
         ...(await validateLinks(project.graph, {
-          assetMounts: resolveAssetMounts(root, project.config.content.assets),
           checkExternal: Boolean(args.external),
           publicDir: existsSync(publicDir) ? publicDir : null,
           redirects: project.config.redirects,

package/src/cli/dev-lock.ts

@@ -14,26 +14,48 @@ import { logger } from "./log.ts";
 /**
  * A best-effort PID lock in the shared `.blume/` runtime dir. `blume dev`
  * regenerates and serves `.blume` continuously, so a concurrent `build`,
- * `eject`, or `sync --force` that regenerates or deletes it out from under the
+ * `eject`, or second `dev` that regenerates or deletes it out from under the
  * running Vite server corrupts the dev session. The lock lets those commands
- * detect a live dev server and refuse.
+ * detect a live dev server and refuse — and, because it records the server's
+ * port, point the caller (often an agent that just tried to start its own
+ * server) at the URL to reuse instead.
  */
 
+export interface DevLockInfo {
+  pid: number;
+  /** Port the dev server is bound to, when known. */
+  port?: number;
+}
+
 const lockPath = (outDir: string): string => join(outDir, "dev.lock");
 
+const isValidPid = (pid: unknown): pid is number =>
+  typeof pid === "number" && Number.isInteger(pid) && pid > 0;
+
 /**
- * Whether another live `blume dev` holds the lock on `outDir`. A lock left by a
- * process that has since exited (stale) is treated as absent.
+ * Parse a lock file body. Current locks are JSON (`{"pid":123,"port":3001}`);
+ * a bare integer (the pre-port format) still parses as a pid-only lock.
  */
-export const isDevLocked = (outDir: string): boolean => {
-  const path = lockPath(outDir);
-  if (!existsSync(path)) {
-    return false;
+const parseLock = (raw: string): DevLockInfo | null => {
+  let data: unknown;
+  try {
+    data = JSON.parse(raw.trim());
+  } catch {
+    return null;
   }
-  const pid = Number.parseInt(readFileSync(path, "utf-8").trim(), 10);
-  if (!(Number.isInteger(pid) && pid > 0)) {
-    return false;
+  if (isValidPid(data)) {
+    return { pid: data };
   }
+  if (typeof data === "object" && data !== null) {
+    const { pid, port } = data as { pid?: unknown; port?: unknown };
+    if (isValidPid(pid)) {
+      return typeof port === "number" ? { pid, port } : { pid };
+    }
+  }
+  return null;
+};
+
+const isProcessAlive = (pid: number): boolean => {
   try {
     // Signal 0 probes liveness without actually signaling the process.
     process.kill(pid, 0);
@@ -45,15 +67,53 @@ export const isDevLocked = (outDir: string): boolean => {
   }
 };
 
+/**
+ * Read the lock on `outDir` held by a live `blume dev`, or null. A lock left
+ * by a process that has since exited (stale) is treated as absent.
+ */
+export const readDevLock = (outDir: string): DevLockInfo | null => {
+  const path = lockPath(outDir);
+  if (!existsSync(path)) {
+    return null;
+  }
+  const lock = parseLock(readFileSync(path, "utf-8"));
+  return lock && isProcessAlive(lock.pid) ? lock : null;
+};
+
+/** Whether another live `blume dev` holds the lock on `outDir`. */
+export const isDevLocked = (outDir: string): boolean =>
+  readDevLock(outDir) !== null;
+
+const writeLock = (outDir: string, port?: number): void => {
+  writeFileSync(
+    lockPath(outDir),
+    JSON.stringify({
+      pid: process.pid,
+      ...(port === undefined ? {} : { port }),
+    })
+  );
+};
+
+const ownsLock = (outDir: string): boolean => {
+  const path = lockPath(outDir);
+  if (!existsSync(path)) {
+    return false;
+  }
+  try {
+    return parseLock(readFileSync(path, "utf-8"))?.pid === process.pid;
+  } catch {
+    return false;
+  }
+};
+
 /**
  * Write the current process's dev lock into `outDir` and return a release
  * function. The release only removes the file if it's still ours, so a newer
  * dev server's lock is never clobbered.
  */
-export const acquireDevLock = (outDir: string): (() => void) => {
-  const path = lockPath(outDir);
+export const acquireDevLock = (outDir: string, port?: number): (() => void) => {
   mkdirSync(outDir, { recursive: true });
-  writeFileSync(path, String(process.pid));
+  writeLock(outDir, port);
   let released = false;
   return () => {
     if (released) {
@@ -61,11 +121,8 @@ export const acquireDevLock = (outDir: string): (() => void) => {
     }
     released = true;
     try {
-      if (
-        existsSync(path) &&
-        readFileSync(path, "utf-8").trim() === String(process.pid)
-      ) {
-        rmSync(path, { force: true });
+      if (ownsLock(outDir)) {
+        rmSync(lockPath(outDir), { force: true });
       }
     } catch {
       // Best-effort cleanup; a stale lock is handled by the liveness check.
@@ -73,6 +130,21 @@ export const acquireDevLock = (outDir: string): (() => void) => {
   };
 };
 
+/**
+ * Rewrite this process's lock with the port the server actually bound (the
+ * lock is acquired before the server starts, and Vite may bump a busy port).
+ * A lock owned by another process is left alone.
+ */
+export const updateDevLockPort = (outDir: string, port: number): void => {
+  if (ownsLock(outDir)) {
+    writeLock(outDir, port);
+  }
+};
+
+/** Human-readable location of a locked dev server, e.g. " at http://localhost:3001". */
+export const describeDevLock = (lock: DevLockInfo): string =>
+  lock.port === undefined ? "" : ` at http://localhost:${lock.port}`;
+
 /**
  * Exit with an error when a live `blume dev` owns the runtime dir under `root`.
  * `action` names the operation being refused (e.g. "building"). `runtimeDir`
@@ -85,9 +157,10 @@ export const refuseIfDevRunning = (
   action: string,
   runtimeDir?: string
 ): void => {
-  if (isDevLocked(resolveRuntimeDir(root, runtimeDir))) {
+  const lock = readDevLock(resolveRuntimeDir(root, runtimeDir));
+  if (lock) {
     logger.error(
-      `A \`blume dev\` server is running against .blume; ${action} would corrupt it. Stop the dev server, or re-run with --isolated to build/verify against .blume-verify without touching it.`
+      `A \`blume dev\` server is running${describeDevLock(lock)}; ${action} would corrupt its .blume runtime. Reuse that server, stop it first, or re-run with --isolated to build/verify against .blume-verify without touching it.`
     );
     process.exit(1);
   }

package/src/cli/index.ts

@@ -8,7 +8,6 @@ import { devCommand } from "./commands/dev.ts";
 import { doctorCommand } from "./commands/doctor.ts";
 import { ejectCommand } from "./commands/eject.ts";
 import { initCommand } from "./commands/init.ts";
-import { migrateCommand } from "./commands/migrate.ts";
 import { previewCommand } from "./commands/preview.ts";
 import { syncCommand } from "./commands/sync.ts";
 import { validateCommand } from "./commands/validate.ts";
@@ -29,7 +28,6 @@ const main = defineCommand({
     doctor: doctorCommand,
     eject: ejectCommand,
     init: initCommand,
-    migrate: migrateCommand,
     preview: previewCommand,
     sync: syncCommand,
     validate: validateCommand,

package/src/components/BlumePage.astro

@@ -38,10 +38,7 @@ import FileTree from "./content/FileTree.astro";
 import Frame from "./content/Frame.astro";
 import GithubInfo from "./content/GithubInfo.astro";
 import Panel from "./content/Panel.astro";
-import ParamField from "./content/ParamField.astro";
 import Prompt from "./content/Prompt.astro";
-import RequestField from "./content/RequestField.astro";
-import ResponseField from "./content/ResponseField.astro";
 import Step from "./content/Step.astro";
 import Steps from "./content/Steps.astro";
 import Tab from "./content/Tab.astro";
@@ -90,10 +87,7 @@ const components = {
   GithubInfo,
   Icon,
   Panel,
-  ParamField,
   Prompt,
-  RequestField,
-  ResponseField,
   Step,
   Steps,
   Tab,

package/src/components/Icon.astro

@@ -1,13 +1,9 @@
 ---
-import data from "blume:data";
 import { resolveIcon } from "../theme/icons.ts";
 
 interface Props {
   name?: unknown;
   icon?: unknown;
-  iconType?: string;
-  /** Icon library for a bare name; defaults to the project's `icons.library`. */
-  library?: string;
   size?: number;
   class?: string;
   className?: string;
@@ -18,8 +14,6 @@ interface Props {
 const {
   color,
   icon,
-  iconType,
-  library,
   name,
   size = 16,
   class: astroClass,
@@ -41,12 +35,7 @@ const isImageIcon = (value: string): boolean =>
   /\.(?:avif|gif|jpe?g|png|svg|webp)$/iu.test(value);
 const imageSrc = iconName && !rawSvg && isImageIcon(iconName) ? iconName : null;
 const resolvedIcon =
-  iconName && !(imageSrc || rawSvg)
-    ? resolveIcon(iconName, {
-        iconType,
-        library: library ?? data.config.icons.library,
-      })
-    : null;
+  iconName && !(imageSrc || rawSvg) ? resolveIcon(iconName) : null;
 const resolvedClass = astroClass ?? className;
 const customStyle = `display:inline-flex;width:${size}px;height:${size}px;${
   color ? `color:${color}` : ""

package/src/components/content/AccordionItem.astro

@@ -7,11 +7,9 @@ interface Props {
   defaultOpen?: boolean;
   id?: string;
   icon?: string;
-  iconType?: string;
 }
 
-const { defaultOpen = false, description, icon, iconType, id, title } =
-  Astro.props;
+const { defaultOpen = false, description, icon, id, title } = Astro.props;
 const slugify = (value: string): string =>
   value
     .toLowerCase()
@@ -32,18 +30,17 @@ const accordionId = id ?? slugify(title);
   <summary
     class="flex cursor-pointer list-none items-center justify-between p-4 font-medium [&::-webkit-details-marker]:hidden"
   >
-    <span class="flex min-w-0 items-start gap-2">
+    <span class="flex items-start gap-2">
       {
         icon && (
           <Icon
             class="mt-0.5 shrink-0 text-muted-foreground"
-            iconType={iconType}
             name={icon}
             size={16}
           />
         )
       }
-      <span class="min-w-0">
+      <span>
         <span class="block">{title}</span>
         {
           description && (

package/src/components/content/Badge.astro

@@ -10,7 +10,6 @@ interface Props {
   color?: string;
   disabled?: boolean | string;
   icon?: unknown;
-  iconType?: string;
   shape?: BadgeShape;
   size?: BadgeSize;
   stroke?: boolean | string;
@@ -23,7 +22,6 @@ const {
   color,
   disabled = false,
   icon,
-  iconType,
   shape = "rounded",
   size = "md",
   stroke = false,
@@ -119,6 +117,6 @@ const customStyle = customColor
   style={customStyle}
   title={tooltip}
 >
-  {icon && <Icon icon={icon} iconType={iconType} size={iconSize[size]} />}
+  {icon && <Icon icon={icon} size={iconSize[size]} />}
   <slot />
 </span>

package/src/components/content/Callout.astro

@@ -14,11 +14,10 @@ interface Props {
   type?: CalloutType;
   title?: string;
   icon?: unknown;
-  iconType?: string;
   color?: string;
 }
 
-const { color, icon, iconType, type = "info", title } = Astro.props;
+const { color, icon, type = "info", title } = Astro.props;
 
 const iconByType: Record<CalloutType, string> = {
   check: "circle-check",
@@ -59,14 +58,9 @@ const iconClass: Record<CalloutType, string> = {
   style={color ? `border:1px solid ${color};color:${color}` : undefined}
 >
   <span class:list={["mt-0.5 shrink-0", color ? "" : iconClass[type]]}>
-    <Icon
-      color={color}
-      icon={icon ?? iconByType[type]}
-      iconType={iconType}
-      size={16}
-    />
+    <Icon color={color} icon={icon ?? iconByType[type]} size={16} />
   </span>
-  <div class="min-w-0 flex-1 [&>:first-child]:mt-0! [&>:last-child]:mb-0!">
+  <div class="flex-1 [&>:first-child]:mt-0! [&>:last-child]:mb-0!">
     {title && <p class="mb-1 font-semibold text-foreground">{title}</p>}
     <slot />
   </div>

package/src/components/content/Card.astro

@@ -5,7 +5,6 @@ interface Props {
   title?: string;
   href?: string;
   icon?: string;
-  iconType?: string;
   img?: string;
   horizontal?: boolean | string;
   cta?: string;
@@ -14,7 +13,7 @@ interface Props {
   color?: string;
 }
 
-const { arrow, color, cta, horizontal, href, icon, iconType, img, title, type } =
+const { arrow, color, cta, horizontal, href, icon, img, title, type } =
   Astro.props;
 const Tag = href ? "a" : "div";
 const external = href?.startsWith("http");
@@ -75,7 +74,7 @@ const variantClass = {
   {
     iconName && (
       <div class:list={["mb-2.5", color ? "" : type ? iconClass[type] : "text-accent"]}>
-        <Icon color={color} iconType={iconType} name={iconName} size={20} />
+        <Icon color={color} name={iconName} size={20} />
       </div>
     )
   }

package/src/components/content/ColorItem.astro

@@ -21,7 +21,7 @@ const displayValue =
 
 <button
   aria-label={`Copy ${name} color ${displayValue}`}
-  class="group flex w-full min-w-0 cursor-pointer flex-col gap-2.5 text-center focus:outline-none"
+  class="group flex w-full cursor-pointer flex-col gap-2.5 text-center focus:outline-none"
   data-blume-color-copy={displayValue}
   style={`--blume-color-light:${lightValue};--blume-color-dark:${darkValue};`}
   type="button"
@@ -32,7 +32,7 @@ const displayValue =
     style="background:var(--blume-color-light)"
   >
   </span>
-  <span class="block min-w-0 leading-tight">
+  <span class="block leading-tight">
     <span class="block truncate font-semibold text-foreground text-sm">
       {name}
     </span>

package/src/components/content/Column.astro

@@ -1,6 +1,6 @@
 ---
 ---
 
-<div class="min-w-0">
+<div>
   <slot />
 </div>