ardo 2.7.2 → 2.8.0

package/dist/{FileTree-gHRnoz7O.d.ts → FileTree-DRUGiEuA.d.ts}

@@ -333,8 +333,8 @@ declare function ThemeToggle(): react_jsx_runtime.JSX.Element;
 declare function Search(): react_jsx_runtime.JSX.Element;
 
 interface CodeBlockProps {
-    /** The code to display */
-    code: string;
+    /** The code to display (as prop or as children string) */
+    code?: string;
     /** Programming language for syntax highlighting */
     language?: string;
     /** Optional title shown above the code */
@@ -343,13 +343,24 @@ interface CodeBlockProps {
     lineNumbers?: boolean;
     /** Line numbers to highlight */
     highlightLines?: number[];
-    /** Optional custom content to render instead of the code */
+    /** Code as children — supports template literals with auto-outdent */
     children?: React.ReactNode;
+    /** Pre-rendered Shiki HTML (injected by ardo:codeblock-highlight plugin) */
+    __html?: string;
 }
 /**
  * Syntax-highlighted code block with copy button.
+ *
+ * Code can be provided via the `code` prop or as children:
+ * ```tsx
+ * <CodeBlock language="typescript">{`
+ *   const x = 42
+ * `}</CodeBlock>
+ * ```
+ * When children is a string, leading/trailing blank lines and common
+ * indentation are stripped automatically.
  */
-declare function CodeBlock({ code, language, title, lineNumbers, highlightLines, children, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+declare function CodeBlock({ code: codeProp, language, title, lineNumbers, highlightLines, children, __html, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
 interface CodeGroupProps {
     /** CodeBlock components to display as tabs */
     children: React.ReactNode;

package/dist/{chunk-2JWOR7PG.js → chunk-D3I3T743.js}

@@ -1,6 +1,6 @@
 import {
   Content
-} from "./chunk-6MXVILOZ.js";
+} from "./chunk-TUXQC2BT.js";
 import {
   ChevronDownIcon,
   GithubIcon,
@@ -841,4 +841,4 @@ export {
   Steps,
   FileTree
 };
-//# sourceMappingURL=chunk-2JWOR7PG.js.map
+//# sourceMappingURL=chunk-D3I3T743.js.map

package/dist/{chunk-6MXVILOZ.js → chunk-TUXQC2BT.js}

@@ -16,14 +16,29 @@ import {
   useThemeConfig
 } from "./chunk-QELSOHIY.js";
 
+// src/ui/BareContent.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var BareContentContext = createContext(false);
+function BareContent({ children }) {
+  return /* @__PURE__ */ jsx(BareContentContext, { value: true, children });
+}
+function useBareContent() {
+  return useContext(BareContentContext);
+}
+
 // src/ui/Content.tsx
 import { Link, useLocation } from "react-router";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function Content({ children }) {
+  const isBare = useBareContent();
   const pageData = usePageData();
   const themeConfig = useThemeConfig();
   const sidebar = useSidebar();
   const location = useLocation();
+  if (isBare) {
+    return /* @__PURE__ */ jsx2("div", { className: "ardo-content-body ardo-content", children });
+  }
   const { prev, next } = getPrevNextLinks(sidebar, location.pathname);
   const showEditLink = pageData?.frontmatter.editLink !== false && themeConfig.editLink?.pattern;
   const showLastUpdated = pageData?.frontmatter.lastUpdated !== false && themeConfig.lastUpdated?.enabled && pageData?.lastUpdated;
@@ -38,13 +53,13 @@ function Content({ children }) {
   ) : null;
   return /* @__PURE__ */ jsxs("article", { className: "ardo-content-container", children: [
     pageData?.frontmatter.title && /* @__PURE__ */ jsxs("header", { className: "ardo-content-header", children: [
-      /* @__PURE__ */ jsx("h1", { className: "ardo-content-title", children: pageData.frontmatter.title }),
-      pageData.frontmatter.description && /* @__PURE__ */ jsx("p", { className: "ardo-content-description", children: pageData.frontmatter.description })
+      /* @__PURE__ */ jsx2("h1", { className: "ardo-content-title", children: pageData.frontmatter.title }),
+      pageData.frontmatter.description && /* @__PURE__ */ jsx2("p", { className: "ardo-content-description", children: pageData.frontmatter.description })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "ardo-content-body ardo-content", children }),
+    /* @__PURE__ */ jsx2("div", { className: "ardo-content-body ardo-content", children }),
     /* @__PURE__ */ jsxs("footer", { className: "ardo-content-footer", children: [
       (showEditLink || showLastUpdated) && /* @__PURE__ */ jsxs("div", { className: "ardo-content-meta", children: [
-        showEditLink && /* @__PURE__ */ jsx(
+        showEditLink && /* @__PURE__ */ jsx2(
           "a",
           {
             href: editLink,
@@ -62,20 +77,20 @@ function Content({ children }) {
       ] }),
       (prev || next) && /* @__PURE__ */ jsxs("nav", { className: "ardo-prev-next", "aria-label": "Page navigation", children: [
         prev ? /* @__PURE__ */ jsxs(Link, { to: prev.link, className: "ardo-prev-link", children: [
-          /* @__PURE__ */ jsx("span", { className: "ardo-prev-next-label", children: "Previous" }),
-          /* @__PURE__ */ jsx("span", { className: "ardo-prev-next-title", children: prev.text })
-        ] }) : /* @__PURE__ */ jsx("div", {}),
+          /* @__PURE__ */ jsx2("span", { className: "ardo-prev-next-label", children: "Previous" }),
+          /* @__PURE__ */ jsx2("span", { className: "ardo-prev-next-title", children: prev.text })
+        ] }) : /* @__PURE__ */ jsx2("div", {}),
         next ? /* @__PURE__ */ jsxs(Link, { to: next.link, className: "ardo-next-link", children: [
-          /* @__PURE__ */ jsx("span", { className: "ardo-prev-next-label", children: "Next" }),
-          /* @__PURE__ */ jsx("span", { className: "ardo-prev-next-title", children: next.text })
-        ] }) : /* @__PURE__ */ jsx("div", {})
+          /* @__PURE__ */ jsx2("span", { className: "ardo-prev-next-label", children: "Next" }),
+          /* @__PURE__ */ jsx2("span", { className: "ardo-prev-next-title", children: next.text })
+        ] }) : /* @__PURE__ */ jsx2("div", {})
       ] })
     ] })
   ] });
 }
 
 // src/ui/components/Icon.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var iconRegistry = /* @__PURE__ */ new Map();
 function registerIcons(icons2) {
   for (const [name, icon] of Object.entries(icons2)) {
@@ -91,12 +106,12 @@ function Icon({ name, ...props }) {
     console.warn(`[Ardo] Icon "${name}" not found. Did you register it with registerIcons()?`);
     return null;
   }
-  return /* @__PURE__ */ jsx2(IconComp, { ...props });
+  return /* @__PURE__ */ jsx3(IconComp, { ...props });
 }
 
 // src/ui/components/CopyButton.tsx
 import { useState } from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function CopyButton({ code }) {
   const [copied, setCopied] = useState(false);
   const handleCopy = async () => {
@@ -115,8 +130,8 @@ function CopyButton({ code }) {
       onClick: handleCopy,
       "aria-label": copied ? "Copied!" : "Copy code",
       children: [
-        copied ? /* @__PURE__ */ jsx3(CheckIcon, { size: 16 }) : /* @__PURE__ */ jsx3(CopyIcon, { size: 16 }),
-        /* @__PURE__ */ jsx3("span", { className: "ardo-copy-text", children: copied ? "Copied!" : "Copy" })
+        copied ? /* @__PURE__ */ jsx4(CheckIcon, { size: 16 }) : /* @__PURE__ */ jsx4(CopyIcon, { size: 16 }),
+        /* @__PURE__ */ jsx4("span", { className: "ardo-copy-text", children: copied ? "Copied!" : "Copy" })
       ]
     }
   );
@@ -124,31 +139,53 @@ function CopyButton({ code }) {
 
 // src/ui/components/CodeBlock.tsx
 import { useState as useState2, Children, isValidElement } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function outdent(text) {
+  const trimmed = text.replace(/^\n+/, "").replace(/\n\s*$/, "");
+  const lines = trimmed.split("\n");
+  const indent = lines.reduce((min, line) => {
+    if (line.trim().length === 0) return min;
+    const match = line.match(/^(\s*)/);
+    return match ? Math.min(min, match[1].length) : min;
+  }, Infinity);
+  if (indent === 0 || indent === Infinity) return trimmed;
+  return lines.map((line) => line.slice(indent)).join("\n");
+}
 function CodeBlock({
-  code,
+  code: codeProp,
   language = "text",
   title,
   lineNumbers = false,
   highlightLines = [],
-  children
+  children,
+  __html
 }) {
+  const code = codeProp ?? (typeof children === "string" ? outdent(children) : "");
+  const hasCustomChildren = children != null && typeof children !== "string";
   const lines = code.split("\n");
+  let content;
+  if (__html) {
+    content = /* @__PURE__ */ jsx5("div", { dangerouslySetInnerHTML: { __html } });
+  } else if (hasCustomChildren) {
+    content = /* @__PURE__ */ jsx5(Fragment, { children });
+  } else {
+    content = /* @__PURE__ */ jsx5("pre", { className: `language-${language}`, children: /* @__PURE__ */ jsx5("code", { children: lines.map((line, index) => {
+      const lineNum = index + 1;
+      const isHighlighted = highlightLines.includes(lineNum);
+      const classes = ["ardo-code-line"];
+      if (isHighlighted) classes.push("highlighted");
+      return /* @__PURE__ */ jsxs3("span", { className: classes.join(" "), children: [
+        lineNumbers && /* @__PURE__ */ jsx5("span", { className: "ardo-line-number", children: lineNum }),
+        /* @__PURE__ */ jsx5("span", { className: "ardo-line-content", children: line }),
+        index < lines.length - 1 && "\n"
+      ] }, index);
+    }) }) });
+  }
   return /* @__PURE__ */ jsxs3("div", { className: "ardo-code-block", "data-lang": language, children: [
-    title && /* @__PURE__ */ jsx4("div", { className: "ardo-code-title", children: title }),
+    title && /* @__PURE__ */ jsx5("div", { className: "ardo-code-title", children: title }),
     /* @__PURE__ */ jsxs3("div", { className: "ardo-code-wrapper", children: [
-      children || /* @__PURE__ */ jsx4("pre", { className: `language-${language}`, children: /* @__PURE__ */ jsx4("code", { children: lines.map((line, index) => {
-        const lineNum = index + 1;
-        const isHighlighted = highlightLines.includes(lineNum);
-        const classes = ["ardo-code-line"];
-        if (isHighlighted) classes.push("highlighted");
-        return /* @__PURE__ */ jsxs3("span", { className: classes.join(" "), children: [
-          lineNumbers && /* @__PURE__ */ jsx4("span", { className: "ardo-line-number", children: lineNum }),
-          /* @__PURE__ */ jsx4("span", { className: "ardo-line-content", children: line }),
-          index < lines.length - 1 && "\n"
-        ] }, index);
-      }) }) }),
-      /* @__PURE__ */ jsx4(CopyButton, { code })
+      content,
+      /* @__PURE__ */ jsx5(CopyButton, { code })
     ] })
   ] });
 }
@@ -162,7 +199,7 @@ function CodeGroup({ children, labels: labelsStr }) {
     return props["data-label"] || props.title || props.language || `Tab ${index + 1}`;
   });
   return /* @__PURE__ */ jsxs3("div", { className: "ardo-code-group", children: [
-    /* @__PURE__ */ jsx4("div", { className: "ardo-code-group-tabs", children: tabs.map((tab, index) => /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5("div", { className: "ardo-code-group-tabs", children: tabs.map((tab, index) => /* @__PURE__ */ jsx5(
       "button",
       {
         className: ["ardo-code-group-tab", index === activeTab && "active"].filter(Boolean).join(" "),
@@ -171,7 +208,7 @@ function CodeGroup({ children, labels: labelsStr }) {
       },
       index
     )) }),
-    /* @__PURE__ */ jsx4("div", { className: "ardo-code-group-panels", children: childArray.map((child, index) => /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5("div", { className: "ardo-code-group-panels", children: childArray.map((child, index) => /* @__PURE__ */ jsx5(
       "div",
       {
         className: ["ardo-code-group-panel", index === activeTab && "active"].filter(Boolean).join(" "),
@@ -184,7 +221,7 @@ function CodeGroup({ children, labels: labelsStr }) {
 }
 
 // src/ui/components/Container.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var defaultTitles = {
   tip: "TIP",
   warning: "WARNING",
@@ -193,44 +230,44 @@ var defaultTitles = {
   note: "NOTE"
 };
 var icons = {
-  tip: /* @__PURE__ */ jsx5(LightbulbIcon, { size: 18 }),
-  warning: /* @__PURE__ */ jsx5(AlertTriangleIcon, { size: 18 }),
-  danger: /* @__PURE__ */ jsx5(XCircleIcon, { size: 18 }),
-  info: /* @__PURE__ */ jsx5(InfoIcon, { size: 18 }),
-  note: /* @__PURE__ */ jsx5(FileTextIcon, { size: 18 })
+  tip: /* @__PURE__ */ jsx6(LightbulbIcon, { size: 18 }),
+  warning: /* @__PURE__ */ jsx6(AlertTriangleIcon, { size: 18 }),
+  danger: /* @__PURE__ */ jsx6(XCircleIcon, { size: 18 }),
+  info: /* @__PURE__ */ jsx6(InfoIcon, { size: 18 }),
+  note: /* @__PURE__ */ jsx6(FileTextIcon, { size: 18 })
 };
 function Container({ type, title, children }) {
   const displayTitle = title || defaultTitles[type];
   return /* @__PURE__ */ jsxs4("div", { className: `ardo-container ardo-container-${type}`, children: [
     /* @__PURE__ */ jsxs4("p", { className: "ardo-container-title", children: [
-      /* @__PURE__ */ jsx5("span", { className: "ardo-container-icon", children: icons[type] }),
+      /* @__PURE__ */ jsx6("span", { className: "ardo-container-icon", children: icons[type] }),
       displayTitle
     ] }),
-    /* @__PURE__ */ jsx5("div", { className: "ardo-container-content", children })
+    /* @__PURE__ */ jsx6("div", { className: "ardo-container-content", children })
   ] });
 }
 function Tip({ title, children }) {
-  return /* @__PURE__ */ jsx5(Container, { type: "tip", title, children });
+  return /* @__PURE__ */ jsx6(Container, { type: "tip", title, children });
 }
 function Warning({ title, children }) {
-  return /* @__PURE__ */ jsx5(Container, { type: "warning", title, children });
+  return /* @__PURE__ */ jsx6(Container, { type: "warning", title, children });
 }
 function Danger({ title, children }) {
-  return /* @__PURE__ */ jsx5(Container, { type: "danger", title, children });
+  return /* @__PURE__ */ jsx6(Container, { type: "danger", title, children });
 }
 function Info({ title, children }) {
-  return /* @__PURE__ */ jsx5(Container, { type: "info", title, children });
+  return /* @__PURE__ */ jsx6(Container, { type: "info", title, children });
 }
 function Note({ title, children }) {
-  return /* @__PURE__ */ jsx5(Container, { type: "note", title, children });
+  return /* @__PURE__ */ jsx6(Container, { type: "note", title, children });
 }
 
 // src/ui/components/Tabs.tsx
-import { useState as useState3, createContext, useContext } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var TabsContext = createContext(null);
+import { useState as useState3, createContext as createContext2, useContext as useContext2 } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var TabsContext = createContext2(null);
 function useTabsContext() {
-  const context = useContext(TabsContext);
+  const context = useContext2(TabsContext);
   if (!context) {
     throw new Error("Tab components must be used within a Tabs component");
   }
@@ -238,15 +275,15 @@ function useTabsContext() {
 }
 function Tabs({ defaultValue, children }) {
   const [activeTab, setActiveTab] = useState3(defaultValue || "");
-  return /* @__PURE__ */ jsx6(TabsContext.Provider, { value: { activeTab, setActiveTab }, children: /* @__PURE__ */ jsx6("div", { className: "ardo-tabs", children }) });
+  return /* @__PURE__ */ jsx7(TabsContext.Provider, { value: { activeTab, setActiveTab }, children: /* @__PURE__ */ jsx7("div", { className: "ardo-tabs", children }) });
 }
 function TabList({ children }) {
-  return /* @__PURE__ */ jsx6("div", { className: "ardo-tab-list", role: "tablist", children });
+  return /* @__PURE__ */ jsx7("div", { className: "ardo-tab-list", role: "tablist", children });
 }
 function Tab({ value, children }) {
   const { activeTab, setActiveTab } = useTabsContext();
   const isActive = activeTab === value;
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "button",
     {
       role: "tab",
@@ -263,13 +300,14 @@ function TabPanel({ value, children }) {
   if (!isActive) {
     return null;
   }
-  return /* @__PURE__ */ jsx6("div", { role: "tabpanel", className: "ardo-tab-panel", children });
+  return /* @__PURE__ */ jsx7("div", { role: "tabpanel", className: "ardo-tab-panel", children });
 }
 function TabPanels({ children }) {
-  return /* @__PURE__ */ jsx6("div", { className: "ardo-tab-panels", children });
+  return /* @__PURE__ */ jsx7("div", { className: "ardo-tab-panels", children });
 }
 
 export {
+  BareContent,
   Content,
   registerIcons,
   getRegisteredIconNames,
@@ -289,4 +327,4 @@ export {
   TabPanel,
   TabPanels
 };
-//# sourceMappingURL=chunk-6MXVILOZ.js.map
+//# sourceMappingURL=chunk-TUXQC2BT.js.map

package/dist/chunk-TUXQC2BT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/BareContent.tsx","../src/ui/Content.tsx","../src/ui/components/Icon.tsx","../src/ui/components/CopyButton.tsx","../src/ui/components/CodeBlock.tsx","../src/ui/components/Container.tsx","../src/ui/components/Tabs.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from \"react\"\n\nconst BareContentContext = createContext(false)\n\n/**\n * Wraps imported MDX content to render without the full Content wrapper\n * (article, header, footer, navigation). Only the content body is rendered.\n *\n * ```tsx\n * import MySnippet from \"./snippet.mdx\"\n *\n * <BareContent>\n *   <MySnippet />\n * </BareContent>\n * ```\n */\nexport function BareContent({ children }: { children: ReactNode }) {\n  return <BareContentContext value={true}>{children}</BareContentContext>\n}\n\nexport function useBareContent(): boolean {\n  return useContext(BareContentContext)\n}\n","import { type ReactNode } from \"react\"\nimport { usePageData, useThemeConfig, useSidebar } from \"../runtime/hooks\"\nimport { getPrevNextLinks } from \"../runtime/sidebar-utils\"\nimport { Link, useLocation } from \"react-router\"\nimport { useBareContent } from \"./BareContent\"\n\ninterface ContentProps {\n  children: ReactNode\n}\n\nexport function Content({ children }: ContentProps) {\n  const isBare = useBareContent()\n  const pageData = usePageData()\n  const themeConfig = useThemeConfig()\n  const sidebar = useSidebar()\n  const location = useLocation()\n\n  if (isBare) {\n    return <div className=\"ardo-content-body ardo-content\">{children}</div>\n  }\n\n  const { prev, next } = getPrevNextLinks(sidebar, location.pathname)\n\n  const showEditLink = pageData?.frontmatter.editLink !== false && themeConfig.editLink?.pattern\n\n  const showLastUpdated =\n    pageData?.frontmatter.lastUpdated !== false &&\n    themeConfig.lastUpdated?.enabled &&\n    pageData?.lastUpdated\n\n  const editLink = showEditLink\n    ? themeConfig.editLink!.pattern.replace(\":path\", pageData?.relativePath || \"\")\n    : null\n\n  const lastUpdatedText = showLastUpdated\n    ? new Date(pageData!.lastUpdated!).toLocaleDateString(\n        undefined,\n        themeConfig.lastUpdated?.formatOptions ?? {\n          year: \"numeric\",\n          month: \"long\",\n          day: \"numeric\",\n        }\n      )\n    : null\n\n  return (\n    <article className=\"ardo-content-container\">\n      {pageData?.frontmatter.title && (\n        <header className=\"ardo-content-header\">\n          <h1 className=\"ardo-content-title\">{pageData.frontmatter.title}</h1>\n          {pageData.frontmatter.description && (\n            <p className=\"ardo-content-description\">{pageData.frontmatter.description}</p>\n          )}\n        </header>\n      )}\n\n      <div className=\"ardo-content-body ardo-content\">{children}</div>\n\n      <footer className=\"ardo-content-footer\">\n        {(showEditLink || showLastUpdated) && (\n          <div className=\"ardo-content-meta\">\n            {showEditLink && (\n              <a\n                href={editLink!}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"ardo-edit-link\"\n              >\n                {themeConfig.editLink?.text ?? \"Edit this page\"}\n              </a>\n            )}\n            {showLastUpdated && (\n              <span className=\"ardo-last-updated\">\n                {themeConfig.lastUpdated?.text ?? \"Last updated\"}: {lastUpdatedText}\n              </span>\n            )}\n          </div>\n        )}\n\n        {(prev || next) && (\n          <nav className=\"ardo-prev-next\" aria-label=\"Page navigation\">\n            {prev ? (\n              <Link to={prev.link!} className=\"ardo-prev-link\">\n                <span className=\"ardo-prev-next-label\">Previous</span>\n                <span className=\"ardo-prev-next-title\">{prev.text}</span>\n              </Link>\n            ) : (\n              <div />\n            )}\n            {next ? (\n              <Link to={next.link!} className=\"ardo-next-link\">\n                <span className=\"ardo-prev-next-label\">Next</span>\n                <span className=\"ardo-prev-next-title\">{next.text}</span>\n              </Link>\n            ) : (\n              <div />\n            )}\n          </nav>\n        )}\n      </footer>\n    </article>\n  )\n}\n","import type { ComponentType, SVGAttributes, ReactNode } from \"react\"\n\ntype IconComponent = ComponentType<SVGAttributes<SVGSVGElement> & { size?: number }>\n\nexport interface IconProps extends SVGAttributes<SVGSVGElement> {\n  /** Name of the registered icon */\n  name: string\n  /** Icon size */\n  size?: number\n}\n\n// Icon registry - users register only the icons they need\nconst iconRegistry = new Map<string, IconComponent>()\n\n/**\n * Register icons for use with the Icon component.\n * Only registered icons are included in your bundle.\n *\n * @example\n * ```tsx\n * // In your app's entry point or layout:\n * import { registerIcons } from \"ardo/ui\"\n * import { Zap, Rocket, Code } from \"lucide-react\"\n *\n * registerIcons({ Zap, Rocket, Code })\n * ```\n */\nexport function registerIcons(icons: Record<string, IconComponent>): void {\n  for (const [name, icon] of Object.entries(icons)) {\n    iconRegistry.set(name, icon)\n  }\n}\n\n/**\n * Get all registered icon names (useful for documentation).\n */\nexport function getRegisteredIconNames(): string[] {\n  return Array.from(iconRegistry.keys())\n}\n\n/**\n * Renders a registered icon by name.\n * Icons must be registered first using `registerIcons()`.\n *\n * @example\n * ```tsx\n * // First register icons in your app:\n * import { registerIcons } from \"ardo/ui\"\n * import { Zap, Rocket } from \"lucide-react\"\n * registerIcons({ Zap, Rocket })\n *\n * // Then use in MDX:\n * <Icon name=\"Zap\" size={24} />\n * <Icon name=\"Rocket\" className=\"text-brand\" />\n * ```\n *\n * @see https://lucide.dev/icons for available icon names\n */\nexport function Icon({ name, ...props }: IconProps): ReactNode {\n  const IconComp = iconRegistry.get(name)\n\n  if (!IconComp) {\n    console.warn(`[Ardo] Icon \"${name}\" not found. Did you register it with registerIcons()?`)\n    return null\n  }\n\n  return <IconComp {...props} />\n}\n","import { useState } from \"react\"\nimport { CopyIcon, CheckIcon } from \"../icons\"\n\ninterface CopyButtonProps {\n  code: string\n}\n\nexport function CopyButton({ code }: CopyButtonProps) {\n  const [copied, setCopied] = useState(false)\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(code)\n      setCopied(true)\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error(\"Failed to copy:\", err)\n    }\n  }\n\n  return (\n    <button\n      className=\"ardo-copy-button\"\n      onClick={handleCopy}\n      aria-label={copied ? \"Copied!\" : \"Copy code\"}\n    >\n      {copied ? <CheckIcon size={16} /> : <CopyIcon size={16} />}\n      <span className=\"ardo-copy-text\">{copied ? \"Copied!\" : \"Copy\"}</span>\n    </button>\n  )\n}\n","import { useState, Children, isValidElement } from \"react\"\nimport { CopyButton } from \"./CopyButton\"\n\n/**\n * Strips leading/trailing blank lines and removes common leading whitespace\n * so that template literals in indented JSX render cleanly.\n */\nfunction outdent(text: string): string {\n  // Remove leading/trailing blank lines\n  const trimmed = text.replace(/^\\n+/, \"\").replace(/\\n\\s*$/, \"\")\n  const lines = trimmed.split(\"\\n\")\n\n  // Find minimum indentation (ignoring empty lines)\n  const indent = lines.reduce((min, line) => {\n    if (line.trim().length === 0) return min\n    const match = line.match(/^(\\s*)/)\n    return match ? Math.min(min, match[1].length) : min\n  }, Infinity)\n\n  if (indent === 0 || indent === Infinity) return trimmed\n  return lines.map((line) => line.slice(indent)).join(\"\\n\")\n}\n\nexport interface CodeBlockProps {\n  /** The code to display (as prop or as children string) */\n  code?: string\n  /** Programming language for syntax highlighting */\n  language?: string\n  /** Optional title shown above the code */\n  title?: string\n  /** Show line numbers */\n  lineNumbers?: boolean\n  /** Line numbers to highlight */\n  highlightLines?: number[]\n  /** Code as children — supports template literals with auto-outdent */\n  children?: React.ReactNode\n  /** Pre-rendered Shiki HTML (injected by ardo:codeblock-highlight plugin) */\n  __html?: string\n}\n\n/**\n * Syntax-highlighted code block with copy button.\n *\n * Code can be provided via the `code` prop or as children:\n * ```tsx\n * <CodeBlock language=\"typescript\">{`\n *   const x = 42\n * `}</CodeBlock>\n * ```\n * When children is a string, leading/trailing blank lines and common\n * indentation are stripped automatically.\n */\nexport function CodeBlock({\n  code: codeProp,\n  language = \"text\",\n  title,\n  lineNumbers = false,\n  highlightLines = [],\n  children,\n  __html,\n}: CodeBlockProps) {\n  const code = codeProp ?? (typeof children === \"string\" ? outdent(children) : \"\")\n  const hasCustomChildren = children != null && typeof children !== \"string\"\n  const lines = code.split(\"\\n\")\n\n  let content: React.ReactNode\n  if (__html) {\n    content = <div dangerouslySetInnerHTML={{ __html }} />\n  } else if (hasCustomChildren) {\n    content = <>{children}</>\n  } else {\n    content = (\n      <pre className={`language-${language}`}>\n        <code>\n          {lines.map((line, index) => {\n            const lineNum = index + 1\n            const isHighlighted = highlightLines.includes(lineNum)\n            const classes = [\"ardo-code-line\"]\n            if (isHighlighted) classes.push(\"highlighted\")\n\n            return (\n              <span key={index} className={classes.join(\" \")}>\n                {lineNumbers && <span className=\"ardo-line-number\">{lineNum}</span>}\n                <span className=\"ardo-line-content\">{line}</span>\n                {index < lines.length - 1 && \"\\n\"}\n              </span>\n            )\n          })}\n        </code>\n      </pre>\n    )\n  }\n\n  return (\n    <div className=\"ardo-code-block\" data-lang={language}>\n      {title && <div className=\"ardo-code-title\">{title}</div>}\n      <div className=\"ardo-code-wrapper\">\n        {content}\n        <CopyButton code={code} />\n      </div>\n    </div>\n  )\n}\n\nexport interface CodeGroupProps {\n  /** CodeBlock components to display as tabs */\n  children: React.ReactNode\n  /** Comma-separated tab labels (set by remarkContainersMdx from code block meta) */\n  labels?: string\n}\n\n/**\n * Tabbed group of code blocks.\n * Labels come from the `labels` prop (set at remark level) or fall back to\n * data-label / title / language props on children.\n */\nexport function CodeGroup({ children, labels: labelsStr }: CodeGroupProps) {\n  const [activeTab, setActiveTab] = useState(0)\n\n  // Filter to only valid React elements (skip whitespace text nodes)\n  const childArray = Children.toArray(children).filter(isValidElement)\n  const labelArray = labelsStr ? labelsStr.split(\",\") : []\n  const tabs = childArray.map((child, index) => {\n    if (labelArray[index]) return labelArray[index]\n    const props = child.props as Record<string, unknown>\n    return (\n      (props[\"data-label\"] as string) ||\n      (props.title as string) ||\n      (props.language as string) ||\n      `Tab ${index + 1}`\n    )\n  })\n\n  return (\n    <div className=\"ardo-code-group\">\n      <div className=\"ardo-code-group-tabs\">\n        {tabs.map((tab, index) => (\n          <button\n            key={index}\n            className={[\"ardo-code-group-tab\", index === activeTab && \"active\"]\n              .filter(Boolean)\n              .join(\" \")}\n            onClick={() => setActiveTab(index)}\n          >\n            {tab}\n          </button>\n        ))}\n      </div>\n      <div className=\"ardo-code-group-panels\">\n        {childArray.map((child, index) => (\n          <div\n            key={index}\n            className={[\"ardo-code-group-panel\", index === activeTab && \"active\"]\n              .filter(Boolean)\n              .join(\" \")}\n            style={{ display: index === activeTab ? \"block\" : \"none\" }}\n          >\n            {child}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n","import { type ReactNode } from \"react\"\nimport { LightbulbIcon, AlertTriangleIcon, XCircleIcon, InfoIcon, FileTextIcon } from \"../icons\"\n\nexport type ContainerType = \"tip\" | \"warning\" | \"danger\" | \"info\" | \"note\"\n\nexport interface ContainerProps {\n  /** Container type determining the style */\n  type: ContainerType\n  /** Optional custom title */\n  title?: string\n  /** Content to display inside the container */\n  children: ReactNode\n}\n\nconst defaultTitles: Record<ContainerType, string> = {\n  tip: \"TIP\",\n  warning: \"WARNING\",\n  danger: \"DANGER\",\n  info: \"INFO\",\n  note: \"NOTE\",\n}\n\nconst icons: Record<ContainerType, ReactNode> = {\n  tip: <LightbulbIcon size={18} />,\n  warning: <AlertTriangleIcon size={18} />,\n  danger: <XCircleIcon size={18} />,\n  info: <InfoIcon size={18} />,\n  note: <FileTextIcon size={18} />,\n}\n\n/**\n * A styled container for callouts, tips, warnings, etc.\n */\nexport function Container({ type, title, children }: ContainerProps) {\n  const displayTitle = title || defaultTitles[type]\n\n  return (\n    <div className={`ardo-container ardo-container-${type}`}>\n      <p className=\"ardo-container-title\">\n        <span className=\"ardo-container-icon\">{icons[type]}</span>\n        {displayTitle}\n      </p>\n      <div className=\"ardo-container-content\">{children}</div>\n    </div>\n  )\n}\n\nexport interface TipProps {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * A tip container for helpful information.\n */\nexport function Tip({ title, children }: TipProps) {\n  return (\n    <Container type=\"tip\" title={title}>\n      {children}\n    </Container>\n  )\n}\n\nexport interface WarningProps {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * A warning container for cautionary information.\n */\nexport function Warning({ title, children }: WarningProps) {\n  return (\n    <Container type=\"warning\" title={title}>\n      {children}\n    </Container>\n  )\n}\n\nexport interface DangerProps {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * A danger container for critical warnings.\n */\nexport function Danger({ title, children }: DangerProps) {\n  return (\n    <Container type=\"danger\" title={title}>\n      {children}\n    </Container>\n  )\n}\n\nexport interface InfoProps {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * An info container for informational content.\n */\nexport function Info({ title, children }: InfoProps) {\n  return (\n    <Container type=\"info\" title={title}>\n      {children}\n    </Container>\n  )\n}\n\nexport interface NoteProps {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * A note container for additional information.\n */\nexport function Note({ title, children }: NoteProps) {\n  return (\n    <Container type=\"note\" title={title}>\n      {children}\n    </Container>\n  )\n}\n","import { useState, createContext, useContext, type ReactNode } from \"react\"\n\ninterface TabsContextValue {\n  activeTab: string\n  setActiveTab: (tab: string) => void\n}\n\nconst TabsContext = createContext<TabsContextValue | null>(null)\n\nfunction useTabsContext() {\n  const context = useContext(TabsContext)\n  if (!context) {\n    throw new Error(\"Tab components must be used within a Tabs component\")\n  }\n  return context\n}\n\nexport interface TabsProps {\n  /** Default active tab value */\n  defaultValue?: string\n  /** Tab components (TabList and TabPanels) */\n  children: ReactNode\n}\n\n/**\n * Tabs container component for organizing content into tabbed panels.\n */\nexport function Tabs({ defaultValue, children }: TabsProps) {\n  const [activeTab, setActiveTab] = useState(defaultValue || \"\")\n\n  return (\n    <TabsContext.Provider value={{ activeTab, setActiveTab }}>\n      <div className=\"ardo-tabs\">{children}</div>\n    </TabsContext.Provider>\n  )\n}\n\nexport interface TabListProps {\n  /** Tab buttons */\n  children: ReactNode\n}\n\n/**\n * Container for Tab buttons.\n */\nexport function TabList({ children }: TabListProps) {\n  return (\n    <div className=\"ardo-tab-list\" role=\"tablist\">\n      {children}\n    </div>\n  )\n}\n\nexport interface TabProps {\n  /** Unique value identifying this tab */\n  value: string\n  /** Tab button label */\n  children: ReactNode\n}\n\n/**\n * Individual tab button.\n */\nexport function Tab({ value, children }: TabProps) {\n  const { activeTab, setActiveTab } = useTabsContext()\n  const isActive = activeTab === value\n\n  return (\n    <button\n      role=\"tab\"\n      aria-selected={isActive}\n      className={[\"ardo-tab\", isActive && \"active\"].filter(Boolean).join(\" \")}\n      onClick={() => setActiveTab(value)}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport interface TabPanelProps {\n  /** Value matching the corresponding Tab */\n  value: string\n  /** Panel content */\n  children: ReactNode\n}\n\n/**\n * Content panel for a tab.\n */\nexport function TabPanel({ value, children }: TabPanelProps) {\n  const { activeTab } = useTabsContext()\n  const isActive = activeTab === value\n\n  if (!isActive) {\n    return null\n  }\n\n  return (\n    <div role=\"tabpanel\" className=\"ardo-tab-panel\">\n      {children}\n    </div>\n  )\n}\n\nexport interface TabPanelsProps {\n  /** TabPanel components */\n  children: ReactNode\n}\n\n/**\n * Container for TabPanel components.\n */\nexport function TabPanels({ children }: TabPanelsProps) {\n  return <div className=\"ardo-tab-panels\">{children}</div>\n}\n"],"mappings":"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","names":["jsx","jsx","icons","jsx","jsxs","useState","jsx","jsxs","useState","jsx","jsxs","useState","createContext","useContext","jsx"]}

package/dist/{chunk-WSEWAHW3.js → chunk-YUGJQYEK.js}

@@ -20,6 +20,30 @@ import {
   createHighlighter
 } from "shiki";
 import { visit } from "unist-util-visit";
+var DEFAULT_THEMES = {
+  light: "github-light-default",
+  dark: "github-dark-default"
+};
+var cachedHighlighter;
+async function highlightCode(code, language, options) {
+  const themeConfig = options?.theme ?? DEFAULT_THEMES;
+  if (!cachedHighlighter) {
+    cachedHighlighter = await createShikiHighlighter({
+      theme: themeConfig,
+      lineNumbers: false,
+      anchor: false,
+      toc: { level: [2, 3] }
+    });
+  }
+  if (typeof themeConfig === "string") {
+    return cachedHighlighter.codeToHtml(code, { lang: language, theme: themeConfig });
+  }
+  return cachedHighlighter.codeToHtml(code, {
+    lang: language,
+    themes: { light: themeConfig.light, dark: themeConfig.dark },
+    defaultColor: false
+  });
+}
 async function createShikiHighlighter(config) {
   const themeConfig = config.theme;
   const themes = typeof themeConfig === "string" ? [themeConfig] : [themeConfig.light, themeConfig.dark];
@@ -546,6 +570,86 @@ ${entries.join("\n")}
   };
 }
 
+// src/vite/codeblock-plugin.ts
+function outdent(text) {
+  const trimmed = text.replace(/^\n+/, "").replace(/\n\s*$/, "");
+  const lines = trimmed.split("\n");
+  const indent = lines.reduce((min, line) => {
+    if (line.trim().length === 0) return min;
+    const match = line.match(/^(\s*)/);
+    return match ? Math.min(min, match[1].length) : min;
+  }, Infinity);
+  if (indent === 0 || indent === Infinity) return trimmed;
+  return lines.map((line) => line.slice(indent)).join("\n");
+}
+function ardoCodeBlockPlugin(markdownConfig) {
+  return {
+    name: "ardo:codeblock-highlight",
+    enforce: "pre",
+    async transform(code, id) {
+      if (!/\.[jt]sx$/.test(id)) return;
+      if (!code.includes("CodeBlock")) return;
+      if (id.includes("node_modules")) return;
+      let result = code;
+      let offset = 0;
+      const propRegex = /<CodeBlock\s+([^>]*?)\/>/g;
+      let match;
+      while ((match = propRegex.exec(code)) !== null) {
+        const fullMatch = match[0];
+        const propsStr = match[1];
+        const codeMatch = propsStr.match(/\bcode="((?:[^"\\]|\\.)*)"/s) || propsStr.match(/\bcode=\{"((?:[^"\\]|\\.)*)"\}/s);
+        if (!codeMatch) continue;
+        const langMatch = propsStr.match(/\blanguage="([^"]*)"/) || propsStr.match(/\blanguage=\{"([^"]*)"\}/);
+        if (!langMatch) continue;
+        if (propsStr.includes("__html")) continue;
+        const codeContent = codeMatch[1].replace(/\\n/g, "\n").replace(/\\"/g, '"').replace(/\\\\/g, "\\");
+        const language = langMatch[1];
+        try {
+          const html = await highlightCode(codeContent, language, {
+            theme: markdownConfig?.theme
+          });
+          const escapedHtml = JSON.stringify(html);
+          const newPropsStr = `__html={${escapedHtml}} ` + propsStr;
+          const newFullMatch = fullMatch.replace(propsStr, newPropsStr);
+          result = result.slice(0, match.index + offset) + newFullMatch + result.slice(match.index + offset + fullMatch.length);
+          offset += newFullMatch.length - fullMatch.length;
+        } catch {
+        }
+      }
+      const childrenRegex = /<CodeBlock\s+([^>]*?)>([\s\S]*?)<\/CodeBlock>/g;
+      offset = result.length - code.length;
+      while ((match = childrenRegex.exec(code)) !== null) {
+        const fullMatch = match[0];
+        const propsStr = match[1];
+        let rawChildren = match[2];
+        const langMatch = propsStr.match(/\blanguage="([^"]*)"/) || propsStr.match(/\blanguage=\{"([^"]*)"\}/);
+        if (!langMatch) continue;
+        if (propsStr.includes("__html")) continue;
+        const templateMatch = rawChildren.match(/^\s*\{`([\s\S]*)`\}\s*$/);
+        if (templateMatch) {
+          rawChildren = templateMatch[1];
+        }
+        const codeContent = outdent(rawChildren);
+        const language = langMatch[1];
+        try {
+          const html = await highlightCode(codeContent, language, {
+            theme: markdownConfig?.theme
+          });
+          const escapedHtml = JSON.stringify(html);
+          const escapedCode = JSON.stringify(codeContent);
+          const newTag = `<CodeBlock __html={${escapedHtml}} code={${escapedCode}} ${propsStr} />`;
+          result = result.slice(0, match.index + offset) + newTag + result.slice(match.index + offset + fullMatch.length);
+          offset += newTag.length - fullMatch.length;
+        } catch {
+        }
+      }
+      if (result !== code) {
+        return { code: result, map: null };
+      }
+    }
+  };
+}
+
 // src/vite/plugin.ts
 function findPackageRoot(cwd) {
   let dir = path2.resolve(cwd);
@@ -803,6 +907,7 @@ export const meta = () => [${metaEntries.join(", ")}];
     };
     plugins.unshift(typedocPlugin);
   }
+  plugins.push(ardoCodeBlockPlugin(pressConfig.markdown));
   const themeConfig = pressConfig.markdown?.theme ?? defaultMarkdownConfig.theme;
   const hasThemeObject = themeConfig && typeof themeConfig === "object" && "light" in themeConfig;
   const lineNumbers = pressConfig.markdown?.lineNumbers || false;
@@ -1285,6 +1390,7 @@ function normalizePath(p) {
 }
 
 export {
+  highlightCode,
   createShikiHighlighter,
   ardoRoutesPlugin,
   detectGitHubBasename,
@@ -1297,4 +1403,4 @@ export {
   getPageDataForRoute,
   generateSidebar2 as generateSidebar
 };
-//# sourceMappingURL=chunk-WSEWAHW3.js.map
+//# sourceMappingURL=chunk-YUGJQYEK.js.map