blume 0.5.2 → 0.5.4

package/src/astro/generate.ts

@@ -432,11 +432,16 @@ const resolveLogo = (project: BlumeProject): BlumeLogo | null => {
   if (!logo) {
     return null;
   }
-  const config = typeof logo === "string" ? { light: logo } : logo;
-  const light = config.light ?? config.dark;
-  const dark = config.dark ?? config.light;
-  const alt = config.alt ?? "";
-  const href = config.href ?? "/";
+  const config = typeof logo === "string" ? { image: logo } : logo;
+  // `text` is passed through verbatim: `undefined` lets the brand fall back to
+  // the site title, `""` renders the mark alone (a logo with the wordmark baked
+  // in).
+  const { href, image: source, text } = config;
+  const image = typeof source === "string" ? { light: source } : source;
+  const light = image?.light ?? image?.dark;
+  const dark = image?.dark ?? image?.light;
+  const alt = image?.alt ?? "";
+  const brandHref = href ?? "/";
 
   if (light && light === dark && light.toLowerCase().endsWith(".svg")) {
     const rel = light.replace(/^\//u, "");
@@ -445,10 +450,10 @@ const resolveLogo = (project: BlumeProject): BlumeLogo | null => {
       join(project.context.root, rel),
     ].find((path) => existsSync(path));
     if (file) {
-      return { alt, href, svg: readFileSync(file, "utf-8") };
+      return { alt, href: brandHref, svg: readFileSync(file, "utf-8"), text };
     }
   }
-  return { alt, dark, href, light };
+  return { alt, dark, href: brandHref, light, text };
 };
 
 /**
@@ -615,7 +620,6 @@ export const buildRuntimeData = (project: BlumeProject): string => {
           code,
           withReferenceTabs(
             graph.navigationByLocale[code] ?? {
-              chromeVariants: [],
               selectors: [],
               sidebar: [],
               tabs: [],
@@ -648,7 +652,6 @@ export const buildRuntimeData = (project: BlumeProject): string => {
             })),
           }
         : null,
-      icons: config.icons,
       imageZoom: config.markdown.imageZoom,
       logo: resolveLogo(project),
       mcp: config.mcp.enabled
@@ -974,9 +977,9 @@ export const generateRuntime = async (
   const staged = collectStaged(project);
   const hasStaged = staged.size > 0;
   // Only emit a project-scanning `docs` collection when a filesystem source
-  // actually feeds it. Bridge mode has just the staged Mintlify source, so the
-  // `docs` glob would otherwise scan (and watch) the whole project root for
-  // nothing — see contentConfigTemplate.
+  // actually feeds it. An all-staged project (openapi/notion/…) has only staged
+  // sources, so the `docs` glob would otherwise scan (and watch) the whole
+  // project root for nothing — see contentConfigTemplate.
   const hasFilesystemSource = project.sources.some((source) => !source.staged);
 
   const structural = await Promise.all([

package/src/astro/integration.ts

@@ -1,13 +1,10 @@
 import type { IncomingMessage, ServerResponse } from "node:http";
-import { fileURLToPath } from "node:url";
 
 import type { AstroIntegration } from "astro";
 
-import type { AssetMount } from "../core/assets.ts";
 import { enrichDiagnostic } from "../core/diagnostics.ts";
 import type { Diagnostic } from "../core/types.ts";
 import { markdownVariantUrl, prefersMarkdown } from "./markdown-negotiation.ts";
-import { copyAssetMounts, serveAssetMounts } from "./static-assets.ts";
 
 /** The dev server's HMR channel — either `.ws` (Vite ≤5) or `.hot` (Vite 6+). */
 interface OverlayChannel {
@@ -77,11 +74,6 @@ export interface BlumeIntegrationOptions {
   contentRoutes: string[];
   /** Configured `deployment.base`, stripped from dev URLs before matching. */
   base?: string;
-  /**
-   * `content.assets` mounts: top-level dirs served at the site root in dev and
-   * copied into the build output, so root-served assets need no relocation.
-   */
-  assets?: AssetMount[];
 }
 
 /**
@@ -118,12 +110,6 @@ export const blumeIntegration = (
   options: BlumeIntegrationOptions
 ): AstroIntegration => ({
   hooks: {
-    "astro:build:done": async ({ dir }) => {
-      // Copy in-place asset mounts into the build output, mirroring publicDir.
-      if (options.assets?.length) {
-        await copyAssetMounts(options.assets, fileURLToPath(dir));
-      }
-    },
     "astro:config:setup": ({ injectRoute }) => {
       for (const page of options.pages) {
         injectRoute({
@@ -143,13 +129,6 @@ export const blumeIntegration = (
         handle: negotiateMarkdown(new Set(options.contentRoutes), options.base),
         route: "",
       });
-      // Serve `content.assets` mounts (Astro only serves publicDir in dev).
-      if (options.assets?.length) {
-        server.middlewares.stack.unshift({
-          handle: serveAssetMounts(options.assets),
-          route: "",
-        });
-      }
     },
   },
   name: "blume",

package/src/astro/templates.ts

@@ -4,7 +4,6 @@ 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 type { ProjectContext } from "../core/types.ts";
 import { hasScalarReferences } from "../openapi/references.ts";
@@ -313,12 +312,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.
@@ -374,6 +371,15 @@ export default defineConfig({
       fs: {
         allow: ${JSON.stringify(fsAllow)},
       },
+      // Keep the file watcher out of Astro's own cache dir. In a migrated
+      // (root-rooted) project the docs collection is rooted at the project dir,
+      // so its glob-loader watcher would otherwise fire on every write Astro
+      // makes under .blume/.astro (data-store.json, content module manifests,
+      // self-hosted fonts) -- pure noise the loader logs as "No entry type
+      // found". Vite appends this to its default ignores.
+      watch: {
+        ignored: ${JSON.stringify([join(context.outDir, ".astro", "**")])},
+      },
     },
   },
 });
@@ -394,8 +400,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 => {
@@ -414,8 +420,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
@@ -503,20 +509,35 @@ export const askEndpointTemplate = (
   }
   // Validate the client-supplied body and cap its size. The endpoint is
   // unauthenticated, so bounding message count/length limits how much a caller
-  // can spend against the model per request; front it with a rate limiter (or
-  // your provider's limits) for stronger protection.
+  // can spend against the model per request, and restricting roles to
+  // user/assistant keeps callers from injecting their own system prompt and
+  // repurposing the endpoint as a general LLM proxy; front it with a rate
+  // limiter (or your provider's limits) for stronger protection.
   const validate = `  const body = await request.json().catch(() => null);
-  const messages = body?.messages;
-  if (
-    !Array.isArray(messages) ||
-    messages.length === 0 ||
-    messages.length > 40 ||
-    JSON.stringify(messages).length > 24_000
-  ) {
-    return new Response("Invalid request: send 1-40 messages.", {
-      status: 400,
-    });
-  }`;
+  const raw = body?.messages;
+  const valid =
+    Array.isArray(raw) &&
+    raw.length > 0 &&
+    raw.length <= 40 &&
+    raw.every(
+      (m: unknown) =>
+        typeof m === "object" &&
+        m !== null &&
+        ("role" in m && (m.role === "user" || m.role === "assistant")) &&
+        ("content" in m && typeof m.content === "string")
+    ) &&
+    JSON.stringify(raw).length <= 24_000;
+  if (!valid) {
+    return new Response(
+      "Invalid request: send 1-40 user/assistant messages with string content.",
+      { status: 400 }
+    );
+  }
+  // Re-build the array so only role/content ever reach the model.
+  const messages = raw.map((m: { role: "user" | "assistant"; content: string }) => ({
+    content: m.content,
+    role: m.role,
+  }));`;
   const stream = grounded
     ? `    const system =
       (await ground(messages, body.page)) ??
@@ -570,10 +591,16 @@ const SEARCH_CLIENT_HEADER = "// Generated by Blume. Do not edit.\n";
 const searchClientImport = (module: string): string =>
   `import { createSearch as create } from "blume/components/layout/search/${module}.ts";\n`;
 
+// Joins a base-relative path onto BASE_URL, which arrives with or without a
+// trailing slash (Astro's default trailingSlash: "ignore" passes `/docs`
+// through bare — naive concatenation would yield `/docsblume-search.json`).
+const SEARCH_BASE_IMPORT =
+  'import { joinBase } from "blume/components/islands/base-path.ts";\n';
+
 /** A client that loads a static `blume-search.json` index (Orama, FlexSearch). */
 const staticSearchClient = (module: string): string =>
-  `${SEARCH_CLIENT_HEADER}${searchClientImport(module)}
-const indexUrl = \`\${import.meta.env.BASE_URL}blume-search.json\`.replace("//", "/");
+  `${SEARCH_CLIENT_HEADER}${searchClientImport(module)}${SEARCH_BASE_IMPORT}
+const indexUrl = joinBase(import.meta.env.BASE_URL, "blume-search.json");
 
 export const createSearch = () => create({ indexUrl });
 `;
@@ -633,16 +660,16 @@ export const searchClientTemplate = (config: ResolvedConfig): string => {
   }
 
   if (search.provider === "mixedbread") {
-    return `${SEARCH_CLIENT_HEADER}${searchClientImport("endpoint")}
-const api = \`\${import.meta.env.BASE_URL}api/search\`.replace("//", "/");
+    return `${SEARCH_CLIENT_HEADER}${searchClientImport("endpoint")}${SEARCH_BASE_IMPORT}
+const api = joinBase(import.meta.env.BASE_URL, "api/search");
 
 export const createSearch = () => create({ api });
 `;
   }
 
   if (search.provider === "pagefind") {
-    return `${SEARCH_CLIENT_HEADER}${searchClientImport("pagefind")}
-const url = \`\${import.meta.env.BASE_URL}pagefind/pagefind.js\`.replace("//", "/");
+    return `${SEARCH_CLIENT_HEADER}${searchClientImport("pagefind")}${SEARCH_BASE_IMPORT}
+const url = joinBase(import.meta.env.BASE_URL, "pagefind/pagefind.js");
 
 export const createSearch = () => create({ url });
 `;
@@ -671,8 +698,10 @@ const client = new Mixedbread({ apiKey: process.env.MIXEDBREAD_API_KEY ?? "" });
 const STORE_ID = ${JSON.stringify(storeId)};
 
 export const POST: APIRoute = async ({ request }) => {
-  const { query } = await request.json();
-  if (!query) {
+  // The endpoint is public: a malformed body must 200-empty, not 500.
+  const body = await request.json().catch(() => null);
+  const query = body?.query;
+  if (!query || typeof query !== "string") {
     return new Response("[]", {
       headers: { "Content-Type": "application/json" },
     });
@@ -948,10 +977,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";
@@ -966,6 +992,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";
@@ -984,6 +1011,7 @@ const components = {
   Accordion,
   AccordionItem,
   ApiOverview,
+  ApiTagOperations,
   AutoTypeTable,
   Badge,
   Callout,
@@ -1003,10 +1031,7 @@ const components = {
   Icon,
   Operation,
   Panel,
-  ParamField,
   Prompt,
-  RequestField,
-  ResponseField,
   Step,
   Steps,
   Tab,

package/src/cli/coalesce.ts

@@ -0,0 +1,43 @@
+/**
+ * Wrap an async task so it never runs concurrently with itself. Triggering the
+ * returned function while a run is in flight coalesces into a single trailing
+ * run after the current one settles.
+ *
+ * Dev regeneration (`scanProject` + `generateRuntime`) is expensive on a large
+ * project — a full content re-scan that allocates big strings. A plain debounce
+ * still lets a fast burst of watch events (or, before it was fixed, a `.blume/`
+ * watch storm) start a new scan before the previous finished, piling up
+ * overlapping scans until the heap is exhausted (observed as an OOM after
+ * minutes of looping). Single-flighting bounds it to one scan at a time while
+ * still guaranteeing a final run reflects the latest change.
+ *
+ * The task must not reject: a rejection would surface as an unhandled promise
+ * rejection, so callers handle their own errors and always resolve.
+ */
+export const coalescedRunner = (task: () => Promise<void>): (() => void) => {
+  let inFlight: Promise<void> | null = null;
+  let pending = false;
+
+  // Drain any run requested during the current run, then release the lock. The
+  // `inFlight` promise is assigned synchronously by the caller below, so a
+  // re-entrant trigger sees the lock immediately and only sets `pending`.
+  const cycle = async (): Promise<void> => {
+    try {
+      do {
+        pending = false;
+        // oxlint-disable-next-line no-await-in-loop -- serialized by design
+        await task();
+      } while (pending);
+    } finally {
+      inFlight = null;
+    }
+  };
+
+  return () => {
+    if (inFlight) {
+      pending = true;
+      return;
+    }
+    inFlight = cycle();
+  };
+};

package/src/cli/commands/dev.ts

@@ -7,7 +7,8 @@ import { generateRuntime } from "../../astro/generate.ts";
 import { showBlumeErrorOverlay } from "../../astro/integration.ts";
 import { scanProject } from "../../core/project-graph.ts";
 import { parsePort } from "../args.ts";
-import { acquireDevLock } from "../dev-lock.ts";
+import { coalescedRunner } from "../coalesce.ts";
+import { acquireDevLock, isDevLocked } from "../dev-lock.ts";
 import { logger } from "../log.ts";
 import { prepareProject } from "../prepare.ts";
 
@@ -55,14 +56,16 @@ 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);
     }
-
-    // Claim the shared `.blume` dir so a concurrent build/eject/sync refuses
-    // rather than regenerating or deleting it out from under this server.
     const releaseLock = acquireDevLock(project.context.outDir);
     process.on("exit", releaseLock);
 
@@ -82,26 +85,31 @@ export const devCommand = defineCommand({
 
     // Watch user inputs and regenerate the runtime data on change. Astro/Vite
     // hot-reloads the generated data module so nav and routes stay in sync.
+    // `coalescedRunner` single-flights the scan so a burst of watch events can
+    // never stack overlapping regenerations (a large project's scan can outlast
+    // the debounce; piled-up scans exhaust the heap).
+    const runRegenerate = coalescedRunner(async () => {
+      try {
+        const next = await scanProject(root, {
+          devServerUrl,
+          mode: "dev",
+          overrides,
+          preview,
+        });
+        await generateRuntime(next);
+        // Surface any content/config errors in the browser overlay too.
+        showBlumeErrorOverlay(next.diagnostics);
+      } catch (error) {
+        logger.error(`Regeneration failed: ${(error as Error).message}`);
+      }
+    });
+
     let timer: ReturnType<typeof setTimeout> | null = null;
     const regenerate = () => {
       if (timer) {
         clearTimeout(timer);
       }
-      timer = setTimeout(async () => {
-        try {
-          const next = await scanProject(root, {
-            devServerUrl,
-            mode: "dev",
-            overrides,
-            preview,
-          });
-          await generateRuntime(next);
-          // Surface any content/config errors in the browser overlay too.
-          showBlumeErrorOverlay(next.diagnostics);
-        } catch (error) {
-          logger.error(`Regeneration failed: ${(error as Error).message}`);
-        }
-      }, 80);
+      timer = setTimeout(runRegenerate, 80);
     };
 
     // Content is watched per source (filesystem uses fs.watch; remote sources

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

@@ -38,8 +38,10 @@ export const isDevLocked = (outDir: string): boolean => {
     // Signal 0 probes liveness without actually signaling the process.
     process.kill(pid, 0);
     return true;
-  } catch {
-    return false;
+  } catch (error) {
+    // EPERM means the process exists but belongs to another user — still
+    // live, so the lock must hold (only ESRCH proves it's gone).
+    return (error as NodeJS.ErrnoException).code === "EPERM";
   }
 };
 

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>
     )
   }