@flanksource/clicky-ui 0.3.21 → 0.3.22

package/dist/data/Markdown.cjs

@@ -25,6 +25,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const utils = require("../lib/utils.cjs");
+const Callout = require("./Callout.cjs");
 const CodeBlock = require("./CodeBlock.cjs");
 let loadPromise = null;
 function loadStreamdown() {
@@ -107,7 +108,27 @@ const markdownComponents = {
   th: MarkdownTableHeaderCell,
   td: MarkdownTableCell
 };
-function Markdown({ text, className }) {
+function MarkdownCallout({ badge, children, className, emphasis, icon, label, source, title, variant }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Callout.Callout,
+    {
+      badge,
+      className,
+      emphasis,
+      icon,
+      label,
+      source,
+      title,
+      variant,
+      children
+    }
+  );
+}
+const calloutComponents = { ...markdownComponents, calloutbox: MarkdownCallout };
+const CALLOUT_ALLOWED_TAGS = {
+  calloutbox: ["variant", "label", "badge", "source", "icon", "emphasis", "title"]
+};
+function Markdown({ text, className, callouts = false }) {
   const [Streamdown, setStreamdown] = react.useState(null);
   react.useEffect(() => {
     let cancelled = false;
@@ -121,7 +142,15 @@ function Markdown({ text, className }) {
   if (!Streamdown) {
     return /* @__PURE__ */ jsxRuntime.jsx("pre", { className: utils.cn("whitespace-pre-wrap text-sm", className), children: text });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("prose prose-sm max-w-none dark:prose-invert", className), children: /* @__PURE__ */ jsxRuntime.jsx(Streamdown, { parseIncompleteMarkdown: true, components: markdownComponents, children: text }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("prose prose-sm max-w-none dark:prose-invert", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    Streamdown,
+    {
+      parseIncompleteMarkdown: true,
+      components: callouts ? calloutComponents : markdownComponents,
+      allowedTags: callouts ? CALLOUT_ALLOWED_TAGS : void 0,
+      children: text
+    }
+  ) });
 }
 exports.Markdown = Markdown;
 //# sourceMappingURL=Markdown.cjs.map

package/dist/data/Markdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.cjs","sources":["../../src/data/Markdown.tsx"],"sourcesContent":["import {\n  isValidElement,\n  useEffect,\n  useState,\n  type ComponentType,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { CodeBlock } from \"./CodeBlock\";\n\nexport type MarkdownProps = {\n  /** Markdown source text. */\n  text: string;\n  /** Classes applied to the rendered markdown wrapper. */\n  className?: string;\n};\n\n// Streamdown routes a fenced code block to the `code` override with a `data-block`\n// marker (injected by its default `pre` handler); inline code arrives without it.\ntype MarkdownCodeProps = {\n  className?: string;\n  children?: ReactNode;\n  \"data-block\"?: string;\n};\n\n// Every override also receives the source `node`, which is not a DOM attribute —\n// each one drops it rather than spreading it onto the element. `style` carries\n// the per-column alignment GFM puts on table cells.\ntype MarkdownElementProps = {\n  className?: string;\n  children?: ReactNode;\n  style?: CSSProperties;\n  node?: unknown;\n};\n\ntype StreamdownComponent = ComponentType<{\n  children: string;\n  className?: string;\n  parseIncompleteMarkdown?: boolean;\n  components?: {\n    code?: ComponentType<MarkdownCodeProps>;\n    ul?: ComponentType<MarkdownElementProps>;\n    ol?: ComponentType<MarkdownElementProps>;\n    table?: ComponentType<MarkdownElementProps>;\n    thead?: ComponentType<MarkdownElementProps>;\n    tbody?: ComponentType<MarkdownElementProps>;\n    th?: ComponentType<MarkdownElementProps>;\n    td?: ComponentType<MarkdownElementProps>;\n  };\n}>;\n\nlet loadPromise: Promise<StreamdownComponent | null> | null = null;\n\n// Streamdown is an optional peer dependency (like marked/shiki). It is loaded on\n// demand so the core library does not force it on consumers; while it loads (or\n// if it is absent) we fall back to preformatted text.\nfunction loadStreamdown(): Promise<StreamdownComponent | null> {\n  if (!loadPromise) {\n    loadPromise = import(\"streamdown\")\n      .then((m) => m.Streamdown as unknown as StreamdownComponent)\n      .catch((err) => {\n        console.warn(\"clicky-ui: streamdown not available; rendering markdown as plain text\", err);\n        return null;\n      });\n  }\n  return loadPromise;\n}\n\nfunction nodeText(node: ReactNode): string {\n  if (typeof node === \"string\") return node;\n  if (typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(nodeText).join(\"\");\n  if (isValidElement(node)) return nodeText((node.props as { children?: ReactNode }).children);\n  return \"\";\n}\n\n// Render fenced code blocks with the library's theme-aware CodeBlock instead of\n// Streamdown's built-in block, whose Shiki `<pre>` keeps a light background that\n// clashes with the app theme (a white code body inside the dark block chrome).\n// Inline code keeps Streamdown's default inline styling.\nfunction MarkdownCode({ className, children, ...rest }: MarkdownCodeProps) {\n  if (!(\"data-block\" in rest)) {\n    return (\n      <code className={cn(\"rounded bg-muted px-1.5 py-0.5 font-mono text-sm\", className)}>\n        {children}\n      </code>\n    );\n  }\n  const language = /language-([\\w-]+)/.exec(className ?? \"\")?.[1];\n  const source = nodeText(children).replace(/\\n$/, \"\");\n  return (\n    <CodeBlock\n      source={source}\n      language={language}\n      className=\"not-prose my-4\"\n      copyable\n      downloadable\n      themeToggle\n    />\n  );\n}\n\n// Streamdown indents nested lists with `[li_&]:pl-6`, an arbitrary-variant class\n// that only compiles if the consumer's Tailwind happens to scan streamdown's\n// dist — otherwise every level renders flush left. Own the list styling here so\n// the marker and the indent ship from this library's own source. Markers sit\n// outside the padding so each level steps in cleanly. Task lists drop both: the\n// checkbox is the marker.\nfunction MarkdownList({ className, children }: MarkdownElementProps) {\n  const isTaskList = className?.includes(\"contains-task-list\");\n  return (\n    <ul\n      className={cn(\"whitespace-normal\", isTaskList ? \"list-none pl-0\" : \"list-disc pl-6\", className)}\n    >\n      {children}\n    </ul>\n  );\n}\n\nfunction MarkdownOrderedList({ className, children }: MarkdownElementProps) {\n  return <ol className={cn(\"list-decimal whitespace-normal pl-6\", className)}>{children}</ol>;\n}\n\n// Streamdown wraps tables in a `bg-sidebar` card with its own copy/download/\n// fullscreen chrome — a dark navy box around a light table under this library's\n// tokens — and puts the header shading behind `bg-muted/80`, an opacity-modifier\n// class the consumer's Tailwind never sees. Own the whole table instead, styled\n// like DataTable: a bordered scroll container so wide tables scroll rather than\n// overflow the page.\nfunction MarkdownTable({ className, children }: MarkdownElementProps) {\n  return (\n    <div className=\"not-prose my-4 max-w-full overflow-x-auto rounded-md border border-border\">\n      <table className={cn(\"w-max min-w-full table-auto text-left text-sm\", className)}>\n        {children}\n      </table>\n    </div>\n  );\n}\n\nfunction MarkdownTableHead({ className, children }: MarkdownElementProps) {\n  return <thead className={cn(\"border-b border-border bg-muted\", className)}>{children}</thead>;\n}\n\nfunction MarkdownTableBody({ className, children }: MarkdownElementProps) {\n  return <tbody className={cn(\"divide-y divide-border\", className)}>{children}</tbody>;\n}\n\n// `style` holds the column alignment from the delimiter row, so it must survive.\nfunction MarkdownTableHeaderCell({ className, style, children }: MarkdownElementProps) {\n  return (\n    <th\n      className={cn(\"whitespace-nowrap px-density-3 py-density-2 font-semibold\", className)}\n      style={style}\n    >\n      {children}\n    </th>\n  );\n}\n\nfunction MarkdownTableCell({ className, style, children }: MarkdownElementProps) {\n  return (\n    <td className={cn(\"px-density-3 py-density-2 align-top\", className)} style={style}>\n      {children}\n    </td>\n  );\n}\n\nconst markdownComponents = {\n  code: MarkdownCode,\n  ul: MarkdownList,\n  ol: MarkdownOrderedList,\n  table: MarkdownTable,\n  thead: MarkdownTableHead,\n  tbody: MarkdownTableBody,\n  th: MarkdownTableHeaderCell,\n  td: MarkdownTableCell,\n};\n\n/** Renders markdown with Streamdown, which is purpose-built for streaming LLM\n *  output (it gracefully handles incomplete markdown mid-stream). Fenced code\n *  blocks render via the library CodeBlock, and lists and tables are styled\n *  here rather than by Streamdown. Falls back to preformatted text until\n *  Streamdown loads or when it is not installed. */\nexport function Markdown({ text, className }: MarkdownProps) {\n  const [Streamdown, setStreamdown] = useState<StreamdownComponent | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadStreamdown().then((comp) => {\n      if (!cancelled) setStreamdown(() => comp);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  if (!Streamdown) {\n    return <pre className={cn(\"whitespace-pre-wrap text-sm\", className)}>{text}</pre>;\n  }\n\n  return (\n    <div className={cn(\"prose prose-sm max-w-none dark:prose-invert\", className)}>\n      <Streamdown parseIncompleteMarkdown components={markdownComponents}>\n        {text}\n      </Streamdown>\n    </div>\n  );\n}\n"],"names":["isValidElement","cn","jsx","CodeBlock","useState","useEffect"],"mappings":"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"}
+{"version":3,"file":"Markdown.cjs","sources":["../../src/data/Markdown.tsx"],"sourcesContent":["import {\n  isValidElement,\n  useEffect,\n  useState,\n  type ComponentType,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Callout, type CalloutProps } from \"./Callout\";\nimport { CodeBlock } from \"./CodeBlock\";\n\nexport type MarkdownProps = {\n  /** Markdown source text. */\n  text: string;\n  /** Classes applied to the rendered markdown wrapper. */\n  className?: string;\n  /**\n   * Render `<CalloutBox …>` authored inline in the markdown as a\n   * {@link Callout}.\n   *\n   * Off by default. It admits exactly one extra tag with exactly the callout's\n   * own attributes — no other markup in `text` becomes live — so it is safe to\n   * turn on wherever callouts are wanted.\n   */\n  callouts?: boolean | undefined;\n};\n\n// Streamdown routes a fenced code block to the `code` override with a `data-block`\n// marker (injected by its default `pre` handler); inline code arrives without it.\ntype MarkdownCodeProps = {\n  className?: string;\n  children?: ReactNode;\n  \"data-block\"?: string;\n};\n\n// Every override also receives the source `node`, which is not a DOM attribute —\n// each one drops it rather than spreading it onto the element. `style` carries\n// the per-column alignment GFM puts on table cells.\ntype MarkdownElementProps = {\n  className?: string;\n  children?: ReactNode;\n  style?: CSSProperties;\n  node?: unknown;\n};\n\ntype StreamdownComponent = ComponentType<{\n  children: string;\n  className?: string | undefined;\n  parseIncompleteMarkdown?: boolean | undefined;\n  // Tag name -> the attribute names it may carry. Streamdown drops every other\n  // raw tag, so this is an allowlist rather than raw-HTML passthrough.\n  allowedTags?: Record<string, string[]> | undefined;\n  components?: {\n    code?: ComponentType<MarkdownCodeProps>;\n    ul?: ComponentType<MarkdownElementProps>;\n    ol?: ComponentType<MarkdownElementProps>;\n    table?: ComponentType<MarkdownElementProps>;\n    thead?: ComponentType<MarkdownElementProps>;\n    tbody?: ComponentType<MarkdownElementProps>;\n    th?: ComponentType<MarkdownElementProps>;\n    td?: ComponentType<MarkdownElementProps>;\n    // Streamdown lowercases every tag name, so an authored `<CalloutBox>`\n    // arrives here as `calloutbox`.\n    calloutbox?: ComponentType<CalloutProps & { node?: unknown }>;\n  };\n}>;\n\nlet loadPromise: Promise<StreamdownComponent | null> | null = null;\n\n// Streamdown is an optional peer dependency (like marked/shiki). It is loaded on\n// demand so the core library does not force it on consumers; while it loads (or\n// if it is absent) we fall back to preformatted text.\nfunction loadStreamdown(): Promise<StreamdownComponent | null> {\n  if (!loadPromise) {\n    loadPromise = import(\"streamdown\")\n      .then((m) => m.Streamdown as unknown as StreamdownComponent)\n      .catch((err) => {\n        console.warn(\"clicky-ui: streamdown not available; rendering markdown as plain text\", err);\n        return null;\n      });\n  }\n  return loadPromise;\n}\n\nfunction nodeText(node: ReactNode): string {\n  if (typeof node === \"string\") return node;\n  if (typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(nodeText).join(\"\");\n  if (isValidElement(node)) return nodeText((node.props as { children?: ReactNode }).children);\n  return \"\";\n}\n\n// Render fenced code blocks with the library's theme-aware CodeBlock instead of\n// Streamdown's built-in block, whose Shiki `<pre>` keeps a light background that\n// clashes with the app theme (a white code body inside the dark block chrome).\n// Inline code keeps Streamdown's default inline styling.\nfunction MarkdownCode({ className, children, ...rest }: MarkdownCodeProps) {\n  if (!(\"data-block\" in rest)) {\n    return (\n      <code className={cn(\"rounded bg-muted px-1.5 py-0.5 font-mono text-sm\", className)}>\n        {children}\n      </code>\n    );\n  }\n  const language = /language-([\\w-]+)/.exec(className ?? \"\")?.[1];\n  const source = nodeText(children).replace(/\\n$/, \"\");\n  return (\n    <CodeBlock\n      source={source}\n      language={language}\n      className=\"not-prose my-4\"\n      copyable\n      downloadable\n      themeToggle\n    />\n  );\n}\n\n// Streamdown indents nested lists with `[li_&]:pl-6`, an arbitrary-variant class\n// that only compiles if the consumer's Tailwind happens to scan streamdown's\n// dist — otherwise every level renders flush left. Own the list styling here so\n// the marker and the indent ship from this library's own source. Markers sit\n// outside the padding so each level steps in cleanly. Task lists drop both: the\n// checkbox is the marker.\nfunction MarkdownList({ className, children }: MarkdownElementProps) {\n  const isTaskList = className?.includes(\"contains-task-list\");\n  return (\n    <ul\n      className={cn(\"whitespace-normal\", isTaskList ? \"list-none pl-0\" : \"list-disc pl-6\", className)}\n    >\n      {children}\n    </ul>\n  );\n}\n\nfunction MarkdownOrderedList({ className, children }: MarkdownElementProps) {\n  return <ol className={cn(\"list-decimal whitespace-normal pl-6\", className)}>{children}</ol>;\n}\n\n// Streamdown wraps tables in a `bg-sidebar` card with its own copy/download/\n// fullscreen chrome — a dark navy box around a light table under this library's\n// tokens — and puts the header shading behind `bg-muted/80`, an opacity-modifier\n// class the consumer's Tailwind never sees. Own the whole table instead, styled\n// like DataTable: a bordered scroll container so wide tables scroll rather than\n// overflow the page.\nfunction MarkdownTable({ className, children }: MarkdownElementProps) {\n  return (\n    <div className=\"not-prose my-4 max-w-full overflow-x-auto rounded-md border border-border\">\n      <table className={cn(\"w-max min-w-full table-auto text-left text-sm\", className)}>\n        {children}\n      </table>\n    </div>\n  );\n}\n\nfunction MarkdownTableHead({ className, children }: MarkdownElementProps) {\n  return <thead className={cn(\"border-b border-border bg-muted\", className)}>{children}</thead>;\n}\n\nfunction MarkdownTableBody({ className, children }: MarkdownElementProps) {\n  return <tbody className={cn(\"divide-y divide-border\", className)}>{children}</tbody>;\n}\n\n// `style` holds the column alignment from the delimiter row, so it must survive.\nfunction MarkdownTableHeaderCell({ className, style, children }: MarkdownElementProps) {\n  return (\n    <th\n      className={cn(\"whitespace-nowrap px-density-3 py-density-2 font-semibold\", className)}\n      style={style}\n    >\n      {children}\n    </th>\n  );\n}\n\nfunction MarkdownTableCell({ className, style, children }: MarkdownElementProps) {\n  return (\n    <td className={cn(\"px-density-3 py-density-2 align-top\", className)} style={style}>\n      {children}\n    </td>\n  );\n}\n\nconst markdownComponents = {\n  code: MarkdownCode,\n  ul: MarkdownList,\n  ol: MarkdownOrderedList,\n  table: MarkdownTable,\n  thead: MarkdownTableHead,\n  tbody: MarkdownTableBody,\n  th: MarkdownTableHeaderCell,\n  td: MarkdownTableCell,\n};\n\n// The tag arrives lowercased with every attribute as a string, and carries the\n// source hast node too — listing the props drops that rather than spreading it\n// onto the element.\nfunction MarkdownCallout({ badge, children, className, emphasis, icon, label, source, title, variant }: CalloutProps) {\n  return (\n    <Callout\n      badge={badge}\n      className={className}\n      emphasis={emphasis}\n      icon={icon}\n      label={label}\n      source={source}\n      title={title}\n      variant={variant}\n    >\n      {children}\n    </Callout>\n  );\n}\n\nconst calloutComponents = { ...markdownComponents, calloutbox: MarkdownCallout };\n\nconst CALLOUT_ALLOWED_TAGS = {\n  calloutbox: [\"variant\", \"label\", \"badge\", \"source\", \"icon\", \"emphasis\", \"title\"],\n};\n\n/** Renders markdown with Streamdown, which is purpose-built for streaming LLM\n *  output (it gracefully handles incomplete markdown mid-stream). Fenced code\n *  blocks render via the library CodeBlock, and lists and tables are styled\n *  here rather than by Streamdown. Falls back to preformatted text until\n *  Streamdown loads or when it is not installed. */\nexport function Markdown({ text, className, callouts = false }: MarkdownProps) {\n  const [Streamdown, setStreamdown] = useState<StreamdownComponent | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadStreamdown().then((comp) => {\n      if (!cancelled) setStreamdown(() => comp);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  if (!Streamdown) {\n    return <pre className={cn(\"whitespace-pre-wrap text-sm\", className)}>{text}</pre>;\n  }\n\n  return (\n    <div className={cn(\"prose prose-sm max-w-none dark:prose-invert\", className)}>\n      <Streamdown\n        parseIncompleteMarkdown\n        components={callouts ? calloutComponents : markdownComponents}\n        allowedTags={callouts ? CALLOUT_ALLOWED_TAGS : undefined}\n      >\n        {text}\n      </Streamdown>\n    </div>\n  );\n}\n"],"names":["isValidElement","cn","jsx","CodeBlock","Callout","useState","useEffect"],"mappings":"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"}

package/dist/data/Markdown.d.ts

@@ -3,11 +3,20 @@ export type MarkdownProps = {
     text: string;
     /** Classes applied to the rendered markdown wrapper. */
     className?: string;
+    /**
+     * Render `<CalloutBox …>` authored inline in the markdown as a
+     * {@link Callout}.
+     *
+     * Off by default. It admits exactly one extra tag with exactly the callout's
+     * own attributes — no other markup in `text` becomes live — so it is safe to
+     * turn on wherever callouts are wanted.
+     */
+    callouts?: boolean | undefined;
 };
 /** Renders markdown with Streamdown, which is purpose-built for streaming LLM
  *  output (it gracefully handles incomplete markdown mid-stream). Fenced code
  *  blocks render via the library CodeBlock, and lists and tables are styled
  *  here rather than by Streamdown. Falls back to preformatted text until
  *  Streamdown loads or when it is not installed. */
-export declare function Markdown({ text, className }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function Markdown({ text, className, callouts }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Markdown.d.ts.map

package/dist/data/Markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/data/Markdown.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,aAAa,GAAG;IAC1B,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAmKF;;;;oDAIoD;AACpD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,aAAa,2CAwB1D"}
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/data/Markdown.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,aAAa,GAAG;IAC1B,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAmMF;;;;oDAIoD;AACpD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAgB,EAAE,EAAE,aAAa,2CA4B5E"}

package/dist/data/Markdown.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useEffect, isValidElement } from "react";
 import { cn } from "../lib/utils.js";
+import { Callout } from "./Callout.js";
 import { CodeBlock } from "./CodeBlock.js";
 let loadPromise = null;
 function loadStreamdown() {
@@ -83,7 +84,27 @@ const markdownComponents = {
   th: MarkdownTableHeaderCell,
   td: MarkdownTableCell
 };
-function Markdown({ text, className }) {
+function MarkdownCallout({ badge, children, className, emphasis, icon, label, source, title, variant }) {
+  return /* @__PURE__ */ jsx(
+    Callout,
+    {
+      badge,
+      className,
+      emphasis,
+      icon,
+      label,
+      source,
+      title,
+      variant,
+      children
+    }
+  );
+}
+const calloutComponents = { ...markdownComponents, calloutbox: MarkdownCallout };
+const CALLOUT_ALLOWED_TAGS = {
+  calloutbox: ["variant", "label", "badge", "source", "icon", "emphasis", "title"]
+};
+function Markdown({ text, className, callouts = false }) {
   const [Streamdown, setStreamdown] = useState(null);
   useEffect(() => {
     let cancelled = false;
@@ -97,7 +118,15 @@ function Markdown({ text, className }) {
   if (!Streamdown) {
     return /* @__PURE__ */ jsx("pre", { className: cn("whitespace-pre-wrap text-sm", className), children: text });
   }
-  return /* @__PURE__ */ jsx("div", { className: cn("prose prose-sm max-w-none dark:prose-invert", className), children: /* @__PURE__ */ jsx(Streamdown, { parseIncompleteMarkdown: true, components: markdownComponents, children: text }) });
+  return /* @__PURE__ */ jsx("div", { className: cn("prose prose-sm max-w-none dark:prose-invert", className), children: /* @__PURE__ */ jsx(
+    Streamdown,
+    {
+      parseIncompleteMarkdown: true,
+      components: callouts ? calloutComponents : markdownComponents,
+      allowedTags: callouts ? CALLOUT_ALLOWED_TAGS : void 0,
+      children: text
+    }
+  ) });
 }
 export {
   Markdown

package/dist/data/Markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.js","sources":["../../src/data/Markdown.tsx"],"sourcesContent":["import {\n  isValidElement,\n  useEffect,\n  useState,\n  type ComponentType,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { CodeBlock } from \"./CodeBlock\";\n\nexport type MarkdownProps = {\n  /** Markdown source text. */\n  text: string;\n  /** Classes applied to the rendered markdown wrapper. */\n  className?: string;\n};\n\n// Streamdown routes a fenced code block to the `code` override with a `data-block`\n// marker (injected by its default `pre` handler); inline code arrives without it.\ntype MarkdownCodeProps = {\n  className?: string;\n  children?: ReactNode;\n  \"data-block\"?: string;\n};\n\n// Every override also receives the source `node`, which is not a DOM attribute —\n// each one drops it rather than spreading it onto the element. `style` carries\n// the per-column alignment GFM puts on table cells.\ntype MarkdownElementProps = {\n  className?: string;\n  children?: ReactNode;\n  style?: CSSProperties;\n  node?: unknown;\n};\n\ntype StreamdownComponent = ComponentType<{\n  children: string;\n  className?: string;\n  parseIncompleteMarkdown?: boolean;\n  components?: {\n    code?: ComponentType<MarkdownCodeProps>;\n    ul?: ComponentType<MarkdownElementProps>;\n    ol?: ComponentType<MarkdownElementProps>;\n    table?: ComponentType<MarkdownElementProps>;\n    thead?: ComponentType<MarkdownElementProps>;\n    tbody?: ComponentType<MarkdownElementProps>;\n    th?: ComponentType<MarkdownElementProps>;\n    td?: ComponentType<MarkdownElementProps>;\n  };\n}>;\n\nlet loadPromise: Promise<StreamdownComponent | null> | null = null;\n\n// Streamdown is an optional peer dependency (like marked/shiki). It is loaded on\n// demand so the core library does not force it on consumers; while it loads (or\n// if it is absent) we fall back to preformatted text.\nfunction loadStreamdown(): Promise<StreamdownComponent | null> {\n  if (!loadPromise) {\n    loadPromise = import(\"streamdown\")\n      .then((m) => m.Streamdown as unknown as StreamdownComponent)\n      .catch((err) => {\n        console.warn(\"clicky-ui: streamdown not available; rendering markdown as plain text\", err);\n        return null;\n      });\n  }\n  return loadPromise;\n}\n\nfunction nodeText(node: ReactNode): string {\n  if (typeof node === \"string\") return node;\n  if (typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(nodeText).join(\"\");\n  if (isValidElement(node)) return nodeText((node.props as { children?: ReactNode }).children);\n  return \"\";\n}\n\n// Render fenced code blocks with the library's theme-aware CodeBlock instead of\n// Streamdown's built-in block, whose Shiki `<pre>` keeps a light background that\n// clashes with the app theme (a white code body inside the dark block chrome).\n// Inline code keeps Streamdown's default inline styling.\nfunction MarkdownCode({ className, children, ...rest }: MarkdownCodeProps) {\n  if (!(\"data-block\" in rest)) {\n    return (\n      <code className={cn(\"rounded bg-muted px-1.5 py-0.5 font-mono text-sm\", className)}>\n        {children}\n      </code>\n    );\n  }\n  const language = /language-([\\w-]+)/.exec(className ?? \"\")?.[1];\n  const source = nodeText(children).replace(/\\n$/, \"\");\n  return (\n    <CodeBlock\n      source={source}\n      language={language}\n      className=\"not-prose my-4\"\n      copyable\n      downloadable\n      themeToggle\n    />\n  );\n}\n\n// Streamdown indents nested lists with `[li_&]:pl-6`, an arbitrary-variant class\n// that only compiles if the consumer's Tailwind happens to scan streamdown's\n// dist — otherwise every level renders flush left. Own the list styling here so\n// the marker and the indent ship from this library's own source. Markers sit\n// outside the padding so each level steps in cleanly. Task lists drop both: the\n// checkbox is the marker.\nfunction MarkdownList({ className, children }: MarkdownElementProps) {\n  const isTaskList = className?.includes(\"contains-task-list\");\n  return (\n    <ul\n      className={cn(\"whitespace-normal\", isTaskList ? \"list-none pl-0\" : \"list-disc pl-6\", className)}\n    >\n      {children}\n    </ul>\n  );\n}\n\nfunction MarkdownOrderedList({ className, children }: MarkdownElementProps) {\n  return <ol className={cn(\"list-decimal whitespace-normal pl-6\", className)}>{children}</ol>;\n}\n\n// Streamdown wraps tables in a `bg-sidebar` card with its own copy/download/\n// fullscreen chrome — a dark navy box around a light table under this library's\n// tokens — and puts the header shading behind `bg-muted/80`, an opacity-modifier\n// class the consumer's Tailwind never sees. Own the whole table instead, styled\n// like DataTable: a bordered scroll container so wide tables scroll rather than\n// overflow the page.\nfunction MarkdownTable({ className, children }: MarkdownElementProps) {\n  return (\n    <div className=\"not-prose my-4 max-w-full overflow-x-auto rounded-md border border-border\">\n      <table className={cn(\"w-max min-w-full table-auto text-left text-sm\", className)}>\n        {children}\n      </table>\n    </div>\n  );\n}\n\nfunction MarkdownTableHead({ className, children }: MarkdownElementProps) {\n  return <thead className={cn(\"border-b border-border bg-muted\", className)}>{children}</thead>;\n}\n\nfunction MarkdownTableBody({ className, children }: MarkdownElementProps) {\n  return <tbody className={cn(\"divide-y divide-border\", className)}>{children}</tbody>;\n}\n\n// `style` holds the column alignment from the delimiter row, so it must survive.\nfunction MarkdownTableHeaderCell({ className, style, children }: MarkdownElementProps) {\n  return (\n    <th\n      className={cn(\"whitespace-nowrap px-density-3 py-density-2 font-semibold\", className)}\n      style={style}\n    >\n      {children}\n    </th>\n  );\n}\n\nfunction MarkdownTableCell({ className, style, children }: MarkdownElementProps) {\n  return (\n    <td className={cn(\"px-density-3 py-density-2 align-top\", className)} style={style}>\n      {children}\n    </td>\n  );\n}\n\nconst markdownComponents = {\n  code: MarkdownCode,\n  ul: MarkdownList,\n  ol: MarkdownOrderedList,\n  table: MarkdownTable,\n  thead: MarkdownTableHead,\n  tbody: MarkdownTableBody,\n  th: MarkdownTableHeaderCell,\n  td: MarkdownTableCell,\n};\n\n/** Renders markdown with Streamdown, which is purpose-built for streaming LLM\n *  output (it gracefully handles incomplete markdown mid-stream). Fenced code\n *  blocks render via the library CodeBlock, and lists and tables are styled\n *  here rather than by Streamdown. Falls back to preformatted text until\n *  Streamdown loads or when it is not installed. */\nexport function Markdown({ text, className }: MarkdownProps) {\n  const [Streamdown, setStreamdown] = useState<StreamdownComponent | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadStreamdown().then((comp) => {\n      if (!cancelled) setStreamdown(() => comp);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  if (!Streamdown) {\n    return <pre className={cn(\"whitespace-pre-wrap text-sm\", className)}>{text}</pre>;\n  }\n\n  return (\n    <div className={cn(\"prose prose-sm max-w-none dark:prose-invert\", className)}>\n      <Streamdown parseIncompleteMarkdown components={markdownComponents}>\n        {text}\n      </Streamdown>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Markdown.js","sources":["../../src/data/Markdown.tsx"],"sourcesContent":["import {\n  isValidElement,\n  useEffect,\n  useState,\n  type ComponentType,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Callout, type CalloutProps } from \"./Callout\";\nimport { CodeBlock } from \"./CodeBlock\";\n\nexport type MarkdownProps = {\n  /** Markdown source text. */\n  text: string;\n  /** Classes applied to the rendered markdown wrapper. */\n  className?: string;\n  /**\n   * Render `<CalloutBox …>` authored inline in the markdown as a\n   * {@link Callout}.\n   *\n   * Off by default. It admits exactly one extra tag with exactly the callout's\n   * own attributes — no other markup in `text` becomes live — so it is safe to\n   * turn on wherever callouts are wanted.\n   */\n  callouts?: boolean | undefined;\n};\n\n// Streamdown routes a fenced code block to the `code` override with a `data-block`\n// marker (injected by its default `pre` handler); inline code arrives without it.\ntype MarkdownCodeProps = {\n  className?: string;\n  children?: ReactNode;\n  \"data-block\"?: string;\n};\n\n// Every override also receives the source `node`, which is not a DOM attribute —\n// each one drops it rather than spreading it onto the element. `style` carries\n// the per-column alignment GFM puts on table cells.\ntype MarkdownElementProps = {\n  className?: string;\n  children?: ReactNode;\n  style?: CSSProperties;\n  node?: unknown;\n};\n\ntype StreamdownComponent = ComponentType<{\n  children: string;\n  className?: string | undefined;\n  parseIncompleteMarkdown?: boolean | undefined;\n  // Tag name -> the attribute names it may carry. Streamdown drops every other\n  // raw tag, so this is an allowlist rather than raw-HTML passthrough.\n  allowedTags?: Record<string, string[]> | undefined;\n  components?: {\n    code?: ComponentType<MarkdownCodeProps>;\n    ul?: ComponentType<MarkdownElementProps>;\n    ol?: ComponentType<MarkdownElementProps>;\n    table?: ComponentType<MarkdownElementProps>;\n    thead?: ComponentType<MarkdownElementProps>;\n    tbody?: ComponentType<MarkdownElementProps>;\n    th?: ComponentType<MarkdownElementProps>;\n    td?: ComponentType<MarkdownElementProps>;\n    // Streamdown lowercases every tag name, so an authored `<CalloutBox>`\n    // arrives here as `calloutbox`.\n    calloutbox?: ComponentType<CalloutProps & { node?: unknown }>;\n  };\n}>;\n\nlet loadPromise: Promise<StreamdownComponent | null> | null = null;\n\n// Streamdown is an optional peer dependency (like marked/shiki). It is loaded on\n// demand so the core library does not force it on consumers; while it loads (or\n// if it is absent) we fall back to preformatted text.\nfunction loadStreamdown(): Promise<StreamdownComponent | null> {\n  if (!loadPromise) {\n    loadPromise = import(\"streamdown\")\n      .then((m) => m.Streamdown as unknown as StreamdownComponent)\n      .catch((err) => {\n        console.warn(\"clicky-ui: streamdown not available; rendering markdown as plain text\", err);\n        return null;\n      });\n  }\n  return loadPromise;\n}\n\nfunction nodeText(node: ReactNode): string {\n  if (typeof node === \"string\") return node;\n  if (typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(nodeText).join(\"\");\n  if (isValidElement(node)) return nodeText((node.props as { children?: ReactNode }).children);\n  return \"\";\n}\n\n// Render fenced code blocks with the library's theme-aware CodeBlock instead of\n// Streamdown's built-in block, whose Shiki `<pre>` keeps a light background that\n// clashes with the app theme (a white code body inside the dark block chrome).\n// Inline code keeps Streamdown's default inline styling.\nfunction MarkdownCode({ className, children, ...rest }: MarkdownCodeProps) {\n  if (!(\"data-block\" in rest)) {\n    return (\n      <code className={cn(\"rounded bg-muted px-1.5 py-0.5 font-mono text-sm\", className)}>\n        {children}\n      </code>\n    );\n  }\n  const language = /language-([\\w-]+)/.exec(className ?? \"\")?.[1];\n  const source = nodeText(children).replace(/\\n$/, \"\");\n  return (\n    <CodeBlock\n      source={source}\n      language={language}\n      className=\"not-prose my-4\"\n      copyable\n      downloadable\n      themeToggle\n    />\n  );\n}\n\n// Streamdown indents nested lists with `[li_&]:pl-6`, an arbitrary-variant class\n// that only compiles if the consumer's Tailwind happens to scan streamdown's\n// dist — otherwise every level renders flush left. Own the list styling here so\n// the marker and the indent ship from this library's own source. Markers sit\n// outside the padding so each level steps in cleanly. Task lists drop both: the\n// checkbox is the marker.\nfunction MarkdownList({ className, children }: MarkdownElementProps) {\n  const isTaskList = className?.includes(\"contains-task-list\");\n  return (\n    <ul\n      className={cn(\"whitespace-normal\", isTaskList ? \"list-none pl-0\" : \"list-disc pl-6\", className)}\n    >\n      {children}\n    </ul>\n  );\n}\n\nfunction MarkdownOrderedList({ className, children }: MarkdownElementProps) {\n  return <ol className={cn(\"list-decimal whitespace-normal pl-6\", className)}>{children}</ol>;\n}\n\n// Streamdown wraps tables in a `bg-sidebar` card with its own copy/download/\n// fullscreen chrome — a dark navy box around a light table under this library's\n// tokens — and puts the header shading behind `bg-muted/80`, an opacity-modifier\n// class the consumer's Tailwind never sees. Own the whole table instead, styled\n// like DataTable: a bordered scroll container so wide tables scroll rather than\n// overflow the page.\nfunction MarkdownTable({ className, children }: MarkdownElementProps) {\n  return (\n    <div className=\"not-prose my-4 max-w-full overflow-x-auto rounded-md border border-border\">\n      <table className={cn(\"w-max min-w-full table-auto text-left text-sm\", className)}>\n        {children}\n      </table>\n    </div>\n  );\n}\n\nfunction MarkdownTableHead({ className, children }: MarkdownElementProps) {\n  return <thead className={cn(\"border-b border-border bg-muted\", className)}>{children}</thead>;\n}\n\nfunction MarkdownTableBody({ className, children }: MarkdownElementProps) {\n  return <tbody className={cn(\"divide-y divide-border\", className)}>{children}</tbody>;\n}\n\n// `style` holds the column alignment from the delimiter row, so it must survive.\nfunction MarkdownTableHeaderCell({ className, style, children }: MarkdownElementProps) {\n  return (\n    <th\n      className={cn(\"whitespace-nowrap px-density-3 py-density-2 font-semibold\", className)}\n      style={style}\n    >\n      {children}\n    </th>\n  );\n}\n\nfunction MarkdownTableCell({ className, style, children }: MarkdownElementProps) {\n  return (\n    <td className={cn(\"px-density-3 py-density-2 align-top\", className)} style={style}>\n      {children}\n    </td>\n  );\n}\n\nconst markdownComponents = {\n  code: MarkdownCode,\n  ul: MarkdownList,\n  ol: MarkdownOrderedList,\n  table: MarkdownTable,\n  thead: MarkdownTableHead,\n  tbody: MarkdownTableBody,\n  th: MarkdownTableHeaderCell,\n  td: MarkdownTableCell,\n};\n\n// The tag arrives lowercased with every attribute as a string, and carries the\n// source hast node too — listing the props drops that rather than spreading it\n// onto the element.\nfunction MarkdownCallout({ badge, children, className, emphasis, icon, label, source, title, variant }: CalloutProps) {\n  return (\n    <Callout\n      badge={badge}\n      className={className}\n      emphasis={emphasis}\n      icon={icon}\n      label={label}\n      source={source}\n      title={title}\n      variant={variant}\n    >\n      {children}\n    </Callout>\n  );\n}\n\nconst calloutComponents = { ...markdownComponents, calloutbox: MarkdownCallout };\n\nconst CALLOUT_ALLOWED_TAGS = {\n  calloutbox: [\"variant\", \"label\", \"badge\", \"source\", \"icon\", \"emphasis\", \"title\"],\n};\n\n/** Renders markdown with Streamdown, which is purpose-built for streaming LLM\n *  output (it gracefully handles incomplete markdown mid-stream). Fenced code\n *  blocks render via the library CodeBlock, and lists and tables are styled\n *  here rather than by Streamdown. Falls back to preformatted text until\n *  Streamdown loads or when it is not installed. */\nexport function Markdown({ text, className, callouts = false }: MarkdownProps) {\n  const [Streamdown, setStreamdown] = useState<StreamdownComponent | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadStreamdown().then((comp) => {\n      if (!cancelled) setStreamdown(() => comp);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  if (!Streamdown) {\n    return <pre className={cn(\"whitespace-pre-wrap text-sm\", className)}>{text}</pre>;\n  }\n\n  return (\n    <div className={cn(\"prose prose-sm max-w-none dark:prose-invert\", className)}>\n      <Streamdown\n        parseIncompleteMarkdown\n        components={callouts ? calloutComponents : markdownComponents}\n        allowedTags={callouts ? CALLOUT_ALLOWED_TAGS : undefined}\n      >\n        {text}\n      </Streamdown>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/MarkdownEditor.cjs

@@ -233,7 +233,7 @@ function MarkdownEditor({
             spellCheck: true,
             onChange: (event) => updateMarkdown(event.currentTarget.value),
             className: utils.cn(
-              "block w-full resize-y border-0 bg-transparent px-density-3 py-density-3 font-mono text-sm leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-60",
+              "block w-full resize-y border-0 bg-transparent px-density-3 py-density-3 font-mono text-sm leading-6 text-foreground outline-none placeholder:text-placeholder disabled:cursor-not-allowed disabled:opacity-60",
               editorClassName
             ),
             style: contentStyle

package/dist/data/MarkdownEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.cjs","sources":["../../src/data/MarkdownEditor.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { Button } from \"../components/button\";\nimport { IconButton } from \"../components/IconButton\";\nimport {\n  SegmentedControl,\n  type SegmentedOption,\n} from \"../components/SegmentedControl\";\nimport { cn } from \"../lib/utils\";\nimport {\n  UiCopy,\n  UiEdit,\n  UiEye,\n  UiFileCode,\n  UiFileSpreadsheet,\n  UiFileText,\n  UiJson,\n  UiMarkdown,\n  UiRefresh,\n} from \"../icons\";\nimport { Clicky, type ClickyProps } from \"./Clicky\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { JsonView } from \"./JsonView\";\nimport { Markdown } from \"./Markdown\";\nimport {\n  buildMarkdownPreviewUrl,\n  MARKDOWN_EDITOR_PREVIEW_FORMATS,\n  type MarkdownEditorPreviewFormat,\n  type MarkdownEditorPreviewHeaders,\n  type MarkdownEditorPreviewRequest,\n  type MarkdownEditorPreviewResult,\n} from \"./MarkdownEditor.model\";\n\nexport type MarkdownEditorProps = {\n  /** Controlled markdown source. */\n  value?: string;\n  /** Initial markdown source for uncontrolled usage. */\n  defaultValue?: string;\n  /** Called whenever the editor source changes. */\n  onChange?: (value: string) => void;\n  /** Editor label. */\n  label?: ReactNode;\n  /** Textarea placeholder. */\n  placeholder?: string;\n  /** Preview formats to expose in the toolbar. */\n  previewFormats?: readonly MarkdownEditorPreviewFormat[];\n  /** Controlled active preview format. */\n  previewFormat?: MarkdownEditorPreviewFormat;\n  /** Initial active preview format for uncontrolled usage. */\n  defaultPreviewFormat?: MarkdownEditorPreviewFormat;\n  /** Called when the active preview format changes. */\n  onPreviewFormatChange?: (format: MarkdownEditorPreviewFormat) => void;\n  /** Clicky endpoint that accepts markdown and a `format=` query parameter. */\n  previewEndpoint?: string;\n  /** HTTP method for `previewEndpoint`; POST sends the markdown body. */\n  previewMethod?: \"GET\" | \"POST\" | \"PUT\";\n  /** Extra headers for remote previews. */\n  previewHeaders?: MarkdownEditorPreviewHeaders;\n  /** Build a URL for remote preview requests instead of `previewEndpoint`. */\n  buildPreviewUrl?: (request: {\n    markdown: string;\n    format: MarkdownEditorPreviewFormat;\n  }) => string | undefined;\n  /**\n   * Custom loader for host-specific markdown conversion. Return `undefined` for\n   * a format to leave it on the local preview — Clicky's `format=` contract has\n   * no `react`, so hosts commonly convert every other format remotely.\n   */\n  loadPreview?: (\n    request: MarkdownEditorPreviewRequest,\n  ) =>\n    | Promise<MarkdownEditorPreviewResult | undefined>\n    | MarkdownEditorPreviewResult\n    | undefined;\n  /** Local Clicky document for the React preview, or a mapper from markdown. */\n  clickyData?: ClickyProps[\"data\"] | ((markdown: string) => ClickyProps[\"data\"] | undefined);\n  /** Debounce interval for remote preview requests. */\n  previewDebounceMs?: number;\n  /** Minimum height for both editor and preview panes. */\n  minHeight?: number | string;\n  /** Disable editing and preview refresh. */\n  disabled?: boolean;\n  /** Render the source as read-only. */\n  readOnly?: boolean;\n  /** Classes applied to the component root. */\n  className?: string;\n  /** Classes applied to the textarea. */\n  editorClassName?: string;\n  /** Classes applied to the preview body. */\n  previewClassName?: string;\n  /** Extra toolbar content rendered after the built-in actions. */\n  toolbar?: ReactNode;\n};\n\ntype PreviewState =\n  | { status: \"idle\" }\n  | { status: \"loading\"; result?: MarkdownEditorPreviewResult }\n  | { status: \"success\"; result: MarkdownEditorPreviewResult }\n  | { status: \"error\"; error: string; result?: MarkdownEditorPreviewResult };\n\ntype FormatMeta = {\n  label: string;\n  icon: StaticIconComponent;\n  iconClassName?: string;\n};\n\nconst FORMAT_META: Record<MarkdownEditorPreviewFormat, FormatMeta> = {\n  react: {\n    label: \"React\",\n    icon: UiEye,\n  },\n  html: {\n    label: \"HTML\",\n    icon: UiFileCode,\n  },\n  markdown: {\n    label: \"Markdown\",\n    icon: UiMarkdown,\n  },\n  pdf: {\n    label: \"PDF\",\n    icon: UiFileText,\n    iconClassName: \"text-rose-600 dark:text-rose-400\",\n  },\n  json: {\n    label: \"JSON\",\n    icon: UiJson,\n  },\n  csv: {\n    label: \"CSV\",\n    icon: UiFileSpreadsheet,\n    iconClassName: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  excel: {\n    label: \"Excel\",\n    icon: UiFileSpreadsheet,\n    iconClassName: \"text-emerald-700 dark:text-emerald-300\",\n  },\n};\n\n/**\n * Split-pane markdown editor with local Markdown/React preview and optional\n * Clicky-backed format previews. Hosts can pass `previewEndpoint` for the\n * standard Clicky `format=` contract or `loadPreview` for custom conversion.\n */\nexport function MarkdownEditor({\n  value,\n  defaultValue = \"\",\n  onChange,\n  label = \"Markdown\",\n  placeholder = \"Write markdown...\",\n  previewFormats,\n  previewFormat,\n  defaultPreviewFormat,\n  onPreviewFormatChange,\n  previewEndpoint,\n  previewMethod = \"POST\",\n  previewHeaders,\n  buildPreviewUrl,\n  loadPreview,\n  clickyData,\n  previewDebounceMs = 350,\n  minHeight = 420,\n  disabled = false,\n  readOnly = false,\n  className,\n  editorClassName,\n  previewClassName,\n  toolbar,\n}: MarkdownEditorProps) {\n  const editorId = useId();\n  const formats = useMemo(\n    () => normalizePreviewFormats(previewFormats),\n    [previewFormats],\n  );\n  const firstFormat = formats[0] ?? \"react\";\n  const [draft, setDraft] = useState(defaultValue);\n  const markdown = value ?? draft;\n  const [internalFormat, setInternalFormat] = useState<MarkdownEditorPreviewFormat>(\n    () =>\n      normalizeInitialFormat(defaultPreviewFormat, formats) ??\n      firstFormat,\n  );\n  const activeFormat = formats.includes(previewFormat ?? internalFormat)\n    ? previewFormat ?? internalFormat\n    : firstFormat;\n  const [refreshKey, setRefreshKey] = useState(0);\n  const [previewState, setPreviewState] = useState<PreviewState>({\n    status: \"idle\",\n  });\n  const contentStyle = useMemo<CSSProperties>(\n    () => ({ minHeight: cssSize(minHeight) }),\n    [minHeight],\n  );\n  const remoteEnabled = Boolean(loadPreview || previewEndpoint || buildPreviewUrl);\n  const currentMeta = FORMAT_META[activeFormat];\n  const segmentOptions = useMemo<SegmentedOption<MarkdownEditorPreviewFormat>[]>(\n    () =>\n      formats.map((format) => {\n        const meta = FORMAT_META[format];\n        return {\n          id: format,\n          label: meta.label,\n          icon: meta.icon,\n          title: `${meta.label} preview`,\n        };\n      }),\n    [formats],\n  );\n\n  useEffect(() => {\n    if (formats.includes(activeFormat)) return;\n    setInternalFormat(firstFormat);\n  }, [activeFormat, firstFormat, formats]);\n\n  useEffect(() => {\n    if (!remoteEnabled) {\n      setPreviewState({ status: \"idle\" });\n      return;\n    }\n\n    const controller = new AbortController();\n    const timeout = window.setTimeout(() => {\n      setPreviewState((current) =>\n        current.status === \"success\"\n          ? { status: \"loading\", result: current.result }\n          : { status: \"loading\" },\n      );\n\n      resolvePreview({\n        markdown,\n        format: activeFormat,\n        signal: controller.signal,\n        previewEndpoint,\n        previewMethod,\n        previewHeaders,\n        buildPreviewUrl,\n        loadPreview,\n      })\n        .then((result) => {\n          if (controller.signal.aborted) return;\n          setPreviewState(\n            result ? { status: \"success\", result } : { status: \"idle\" },\n          );\n        })\n        .catch((error: unknown) => {\n          if (controller.signal.aborted) return;\n          setPreviewState((current) => ({\n            status: \"error\",\n            error: error instanceof Error ? error.message : \"Preview failed\",\n            ...(current.status === \"loading\" && current.result\n              ? { result: current.result }\n              : {}),\n          }));\n        });\n    }, Math.max(0, previewDebounceMs));\n\n    return () => {\n      window.clearTimeout(timeout);\n      controller.abort();\n    };\n  }, [\n    activeFormat,\n    buildPreviewUrl,\n    loadPreview,\n    markdown,\n    previewDebounceMs,\n    previewEndpoint,\n    previewHeaders,\n    previewMethod,\n    refreshKey,\n    remoteEnabled,\n  ]);\n\n  const updateMarkdown = (next: string) => {\n    if (value === undefined) setDraft(next);\n    onChange?.(next);\n  };\n\n  const updateFormat = (next: MarkdownEditorPreviewFormat) => {\n    if (previewFormat === undefined) setInternalFormat(next);\n    onPreviewFormatChange?.(next);\n  };\n\n  const copySource = () => {\n    const clipboard = globalThis.navigator?.clipboard;\n    if (clipboard?.writeText) {\n      void clipboard.writeText(markdown).catch(() => undefined);\n    }\n  };\n\n  return (\n    <div className={cn(\"rounded-md border border-border bg-card\", className)}>\n      <div className=\"flex flex-wrap items-center gap-density-2 border-b border-border px-density-3 py-density-2\">\n        <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n          <Icon icon={UiEdit} className=\"text-base text-muted-foreground\" />\n          <label\n            htmlFor={editorId}\n            className=\"truncate text-sm font-medium text-card-foreground\"\n          >\n            {label}\n          </label>\n          {previewState.status === \"loading\" && (\n            <span className=\"text-xs text-muted-foreground\">Refreshing...</span>\n          )}\n        </div>\n        <div className=\"flex min-w-0 flex-wrap items-center justify-end gap-2\">\n          <SegmentedControl\n            value={activeFormat}\n            options={segmentOptions}\n            onChange={updateFormat}\n            size=\"sm\"\n            aria-label=\"Markdown preview format\"\n            className=\"max-w-full flex-wrap\"\n          />\n          {remoteEnabled && (\n            <IconButton\n              icon={UiRefresh}\n              label=\"Refresh preview\"\n              disabled={disabled}\n              onClick={() => setRefreshKey((current) => current + 1)}\n            />\n          )}\n          <IconButton icon={UiCopy} label=\"Copy markdown\" onClick={copySource} />\n          {toolbar}\n        </div>\n      </div>\n\n      <div className=\"grid gap-density-3 p-density-3 lg:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]\">\n        <div className=\"min-w-0 overflow-hidden rounded-md border border-border bg-background\">\n          <div className=\"border-b border-border px-density-3 py-density-2 text-xs font-medium text-muted-foreground\">\n            Source\n          </div>\n          <textarea\n            id={editorId}\n            value={markdown}\n            placeholder={placeholder}\n            disabled={disabled}\n            readOnly={readOnly}\n            spellCheck\n            onChange={(event) => updateMarkdown(event.currentTarget.value)}\n            className={cn(\n              \"block w-full resize-y border-0 bg-transparent px-density-3 py-density-3 font-mono text-sm leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-60\",\n              editorClassName,\n            )}\n            style={contentStyle}\n          />\n        </div>\n\n        <div className=\"min-w-0 overflow-hidden rounded-md border border-border bg-background\">\n          <div className=\"flex items-center gap-2 border-b border-border px-density-3 py-density-2 text-xs font-medium text-muted-foreground\">\n            <Icon\n              icon={currentMeta.icon}\n              className={cn(\"text-sm\", currentMeta.iconClassName)}\n            />\n            <span>{currentMeta.label}</span>\n          </div>\n          <div\n            className={cn(\n              \"overflow-auto px-density-3 py-density-3\",\n              previewClassName,\n            )}\n            style={contentStyle}\n          >\n            <MarkdownEditorPreview\n              format={activeFormat}\n              markdown={markdown}\n              state={previewState}\n              clickyData={clickyData}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction MarkdownEditorPreview({\n  format,\n  markdown,\n  state,\n  clickyData,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  markdown: string;\n  state: PreviewState;\n  clickyData?: MarkdownEditorProps[\"clickyData\"];\n}) {\n  const result =\n    state.status === \"success\" || state.status === \"loading\" || state.status === \"error\"\n      ? state.result\n      : undefined;\n\n  return (\n    <div className=\"space-y-density-3\">\n      {state.status === \"error\" && (\n        <PreviewNotice title=\"Preview failed\" message={state.error} tone=\"danger\" />\n      )}\n      {result ? (\n        <PreviewResult format={format} result={result} />\n      ) : (\n        <LocalPreview\n          format={format}\n          markdown={markdown}\n          clickyData={clickyData}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction LocalPreview({\n  format,\n  markdown,\n  clickyData,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  markdown: string;\n  clickyData?: MarkdownEditorProps[\"clickyData\"];\n}) {\n  if (format === \"react\") {\n    const data =\n      typeof clickyData === \"function\" ? clickyData(markdown) : clickyData;\n    return data === undefined ? <Markdown text={markdown} /> : <Clicky data={data} />;\n  }\n\n  if (format === \"markdown\") {\n    return <TextPreview label=\"Markdown source\" text={markdown} />;\n  }\n\n  return (\n    <PreviewNotice\n      title={`${FORMAT_META[format].label} preview not configured`}\n      message=\"Pass previewEndpoint or loadPreview to render this format from Clicky.\"\n    />\n  );\n}\n\nfunction PreviewResult({\n  format,\n  result,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  result: MarkdownEditorPreviewResult;\n}) {\n  switch (result.kind) {\n    case \"clicky\":\n      return <Clicky data={result.data} />;\n    case \"html\":\n      return <HtmlPreview html={result.html} />;\n    case \"json\":\n      return <JsonView data={result.data} />;\n    case \"url\":\n      return <UrlPreview format={format} url={result.url} />;\n    case \"blob\":\n      return <BlobPreview format={format} result={result} />;\n    case \"text\":\n      return <TextResult format={format} result={result} />;\n  }\n}\n\nfunction TextResult({\n  format,\n  result,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  result: Extract<MarkdownEditorPreviewResult, { kind: \"text\" }>;\n}) {\n  if (format === \"react\") {\n    return <Clicky data={result.text} />;\n  }\n\n  if (format === \"html\" || isHtmlContent(result.contentType)) {\n    return <HtmlPreview html={result.text} />;\n  }\n\n  if (format === \"json\" || isJsonContent(result.contentType)) {\n    const parsed = parseJson(result.text);\n    return parsed.ok ? (\n      <JsonView data={parsed.value} />\n    ) : (\n      <TextPreview label=\"JSON output\" text={result.text} />\n    );\n  }\n\n  return (\n    <TextPreview\n      label={`${FORMAT_META[format].label} output`}\n      text={result.text}\n    />\n  );\n}\n\nfunction UrlPreview({\n  format,\n  url,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  url: string;\n}) {\n  if (format === \"react\") {\n    return <Clicky url={url} view={[\"clicky\"]} download={{ all: false }} />;\n  }\n\n  if (format === \"html\") {\n    return <HtmlPreview src={url} />;\n  }\n\n  if (format === \"pdf\") {\n    return <FramePreview title=\"PDF preview\" src={url} />;\n  }\n\n  if (format === \"excel\") {\n    return <DownloadPreview label=\"Open Excel workbook\" href={url} />;\n  }\n\n  return <TextPreview label={`${FORMAT_META[format].label} URL`} text={url} />;\n}\n\nfunction BlobPreview({\n  format,\n  result,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  result: Extract<MarkdownEditorPreviewResult, { kind: \"blob\" }>;\n}) {\n  const [url, setUrl] = useState<string>();\n\n  useEffect(() => {\n    const next = URL.createObjectURL(result.blob);\n    setUrl(next);\n    return () => URL.revokeObjectURL(next);\n  }, [result.blob]);\n\n  if (!url) {\n    return <PreviewNotice title=\"Preparing preview\" message=\"Creating object URL.\" />;\n  }\n\n  if (format === \"pdf\") {\n    return <FramePreview title=\"PDF preview\" src={url} />;\n  }\n\n  return (\n    <DownloadPreview\n      label={`Open ${FORMAT_META[format].label}`}\n      href={url}\n      {...(result.filename ? { download: result.filename } : {})}\n    />\n  );\n}\n\nfunction HtmlPreview({\n  html,\n  src,\n}: {\n  html?: string;\n  src?: string;\n}) {\n  return (\n    <FramePreview\n      title=\"HTML preview\"\n      {...(src ? { src } : {})}\n      {...(html ? { srcDoc: html } : {})}\n      sandbox=\"allow-same-origin\"\n    />\n  );\n}\n\nfunction FramePreview({\n  title,\n  src,\n  srcDoc,\n  sandbox,\n}: {\n  title: string;\n  src?: string;\n  srcDoc?: string;\n  sandbox?: string;\n}) {\n  return (\n    <div className=\"overflow-hidden rounded-md border border-border bg-background\">\n      <iframe\n        title={title}\n        {...(src ? { src } : {})}\n        {...(srcDoc ? { srcDoc } : {})}\n        {...(sandbox ? { sandbox } : {})}\n        className=\"h-[720px] w-full bg-background\"\n      />\n    </div>\n  );\n}\n\nfunction DownloadPreview({\n  label,\n  href,\n  download,\n}: {\n  label: string;\n  href: string;\n  download?: string;\n}) {\n  return (\n    <PreviewNotice\n      title=\"Inline preview unavailable\"\n      message={\n        <Button asChild variant=\"outline\" size=\"sm\">\n          <a\n            href={href}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            {...(download ? { download } : {})}\n          >\n            {label}\n          </a>\n        </Button>\n      }\n    />\n  );\n}\n\nfunction TextPreview({ label, text }: { label: string; text: string }) {\n  return (\n    <pre\n      aria-label={label}\n      className=\"overflow-auto whitespace-pre-wrap break-words rounded-md border border-border bg-muted/30 px-density-3 py-density-3 font-mono text-xs text-foreground\"\n    >\n      {text || \"No content\"}\n    </pre>\n  );\n}\n\nfunction PreviewNotice({\n  title,\n  message,\n  tone = \"default\",\n}: {\n  title: string;\n  message: ReactNode;\n  tone?: \"default\" | \"danger\";\n}) {\n  return (\n    <div\n      className={cn(\n        \"rounded-md border p-density-3\",\n        tone === \"danger\"\n          ? \"border-destructive/30 bg-destructive/5\"\n          : \"border-border bg-muted/30\",\n      )}\n    >\n      <div\n        className={cn(\n          \"text-sm font-medium\",\n          tone === \"danger\" && \"text-destructive\",\n        )}\n      >\n        {title}\n      </div>\n      <div className=\"mt-1 text-xs text-muted-foreground\">{message}</div>\n    </div>\n  );\n}\n\nfunction normalizePreviewFormats(\n  formats: readonly MarkdownEditorPreviewFormat[] | undefined,\n): MarkdownEditorPreviewFormat[] {\n  const seen = new Set<MarkdownEditorPreviewFormat>();\n  const source = formats && formats.length > 0 ? formats : MARKDOWN_EDITOR_PREVIEW_FORMATS;\n  for (const format of source) {\n    seen.add(format);\n  }\n  return [...seen];\n}\n\nfunction normalizeInitialFormat(\n  format: MarkdownEditorPreviewFormat | undefined,\n  formats: readonly MarkdownEditorPreviewFormat[],\n) {\n  return format && formats.includes(format) ? format : undefined;\n}\n\nfunction cssSize(size: number | string) {\n  return typeof size === \"number\" ? `${size}px` : size;\n}\n\nasync function resolvePreview({\n  markdown,\n  format,\n  signal,\n  previewEndpoint,\n  previewMethod,\n  previewHeaders,\n  buildPreviewUrl,\n  loadPreview,\n}: MarkdownEditorPreviewRequest & {\n  previewEndpoint: string | undefined;\n  previewMethod: \"GET\" | \"POST\" | \"PUT\";\n  previewHeaders: MarkdownEditorPreviewHeaders | undefined;\n  buildPreviewUrl: MarkdownEditorProps[\"buildPreviewUrl\"] | undefined;\n  loadPreview: MarkdownEditorProps[\"loadPreview\"] | undefined;\n}): Promise<MarkdownEditorPreviewResult | undefined> {\n  if (loadPreview) {\n    return loadPreview({ markdown, format, signal });\n  }\n\n  const url =\n    buildPreviewUrl?.({ markdown, format }) ??\n    (previewEndpoint\n      ? buildMarkdownPreviewUrl(previewEndpoint, format)\n      : undefined);\n\n  if (!url) {\n    throw new Error(\"No preview endpoint configured\");\n  }\n\n  const headers = new Headers(\n    typeof previewHeaders === \"function\"\n      ? previewHeaders({ markdown, format })\n      : previewHeaders,\n  );\n  headers.set(\"Accept\", previewAccept(format));\n\n  const init: RequestInit = {\n    method: previewMethod,\n    headers,\n    signal,\n  };\n\n  if (previewMethod !== \"GET\") {\n    headers.set(\"Content-Type\", \"text/markdown; charset=utf-8\");\n    init.body = markdown;\n  }\n\n  const response = await fetch(url, init);\n  if (!response.ok) {\n    throw new Error(\n      `Preview failed with ${response.status} ${response.statusText}`.trim(),\n    );\n  }\n\n  const contentType = response.headers.get(\"Content-Type\") ?? \"\";\n  if (format === \"pdf\" || format === \"excel\" || isBinaryContent(contentType)) {\n    return {\n      kind: \"blob\",\n      blob: await response.blob(),\n      contentType,\n      filename: previewFilename(format),\n    };\n  }\n\n  const text = await response.text();\n  if (format === \"react\") {\n    return { kind: \"clicky\", data: text };\n  }\n  if (format === \"html\" || isHtmlContent(contentType)) {\n    return { kind: \"html\", html: text };\n  }\n  if (format === \"json\" || isJsonContent(contentType)) {\n    const parsed = parseJson(text);\n    return parsed.ok\n      ? { kind: \"json\", data: parsed.value }\n      : { kind: \"text\", text, contentType };\n  }\n  return { kind: \"text\", text, contentType };\n}\n\nfunction previewAccept(format: MarkdownEditorPreviewFormat) {\n  switch (format) {\n    case \"react\":\n      return \"application/json+clicky, application/clicky+json;q=0.9, application/json;q=0.8,*/*;q=0.7\";\n    case \"html\":\n      return \"text/html, */*;q=0.7\";\n    case \"markdown\":\n      return \"text/markdown, text/plain;q=0.8,*/*;q=0.7\";\n    case \"pdf\":\n      return \"application/pdf, */*;q=0.7\";\n    case \"json\":\n      return \"application/json, text/plain;q=0.8,*/*;q=0.7\";\n    case \"csv\":\n      return \"text/csv, text/plain;q=0.8,*/*;q=0.7\";\n    case \"excel\":\n      return \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, */*;q=0.7\";\n  }\n}\n\nfunction previewFilename(format: MarkdownEditorPreviewFormat) {\n  switch (format) {\n    case \"react\":\n      return \"preview.clicky.json\";\n    case \"html\":\n      return \"preview.html\";\n    case \"markdown\":\n      return \"preview.md\";\n    case \"pdf\":\n      return \"preview.pdf\";\n    case \"json\":\n      return \"preview.json\";\n    case \"csv\":\n      return \"preview.csv\";\n    case \"excel\":\n      return \"preview.xlsx\";\n  }\n}\n\nfunction parseJson(text: string): { ok: true; value: unknown } | { ok: false } {\n  try {\n    return { ok: true, value: JSON.parse(text) as unknown };\n  } catch {\n    return { ok: false };\n  }\n}\n\nfunction isJsonContent(contentType: string | undefined) {\n  return contentType?.toLowerCase().includes(\"json\") ?? false;\n}\n\nfunction isHtmlContent(contentType: string | undefined) {\n  return contentType?.toLowerCase().includes(\"html\") ?? false;\n}\n\nfunction isBinaryContent(contentType: string | undefined) {\n  const normalized = contentType?.toLowerCase() ?? \"\";\n  return (\n    normalized.includes(\"application/pdf\") ||\n    normalized.includes(\"spreadsheetml\") ||\n    normalized.includes(\"application/vnd.ms-excel\")\n  );\n}\n"],"names":["UiEye","UiFileCode","UiMarkdown","UiFileText","UiJson","UiFileSpreadsheet","useId","useMemo","useState","useEffect","cn","jsxs","jsx","Icon","UiEdit","SegmentedControl","IconButton","UiRefresh","UiCopy","Markdown","Clicky","JsonView","Button","MARKDOWN_EDITOR_PREVIEW_FORMATS","buildMarkdownPreviewUrl"],"mappings":"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"}
+{"version":3,"file":"MarkdownEditor.cjs","sources":["../../src/data/MarkdownEditor.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { Button } from \"../components/button\";\nimport { IconButton } from \"../components/IconButton\";\nimport {\n  SegmentedControl,\n  type SegmentedOption,\n} from \"../components/SegmentedControl\";\nimport { cn } from \"../lib/utils\";\nimport {\n  UiCopy,\n  UiEdit,\n  UiEye,\n  UiFileCode,\n  UiFileSpreadsheet,\n  UiFileText,\n  UiJson,\n  UiMarkdown,\n  UiRefresh,\n} from \"../icons\";\nimport { Clicky, type ClickyProps } from \"./Clicky\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { JsonView } from \"./JsonView\";\nimport { Markdown } from \"./Markdown\";\nimport {\n  buildMarkdownPreviewUrl,\n  MARKDOWN_EDITOR_PREVIEW_FORMATS,\n  type MarkdownEditorPreviewFormat,\n  type MarkdownEditorPreviewHeaders,\n  type MarkdownEditorPreviewRequest,\n  type MarkdownEditorPreviewResult,\n} from \"./MarkdownEditor.model\";\n\nexport type MarkdownEditorProps = {\n  /** Controlled markdown source. */\n  value?: string;\n  /** Initial markdown source for uncontrolled usage. */\n  defaultValue?: string;\n  /** Called whenever the editor source changes. */\n  onChange?: (value: string) => void;\n  /** Editor label. */\n  label?: ReactNode;\n  /** Textarea placeholder. */\n  placeholder?: string;\n  /** Preview formats to expose in the toolbar. */\n  previewFormats?: readonly MarkdownEditorPreviewFormat[];\n  /** Controlled active preview format. */\n  previewFormat?: MarkdownEditorPreviewFormat;\n  /** Initial active preview format for uncontrolled usage. */\n  defaultPreviewFormat?: MarkdownEditorPreviewFormat;\n  /** Called when the active preview format changes. */\n  onPreviewFormatChange?: (format: MarkdownEditorPreviewFormat) => void;\n  /** Clicky endpoint that accepts markdown and a `format=` query parameter. */\n  previewEndpoint?: string;\n  /** HTTP method for `previewEndpoint`; POST sends the markdown body. */\n  previewMethod?: \"GET\" | \"POST\" | \"PUT\";\n  /** Extra headers for remote previews. */\n  previewHeaders?: MarkdownEditorPreviewHeaders;\n  /** Build a URL for remote preview requests instead of `previewEndpoint`. */\n  buildPreviewUrl?: (request: {\n    markdown: string;\n    format: MarkdownEditorPreviewFormat;\n  }) => string | undefined;\n  /**\n   * Custom loader for host-specific markdown conversion. Return `undefined` for\n   * a format to leave it on the local preview — Clicky's `format=` contract has\n   * no `react`, so hosts commonly convert every other format remotely.\n   */\n  loadPreview?: (\n    request: MarkdownEditorPreviewRequest,\n  ) =>\n    | Promise<MarkdownEditorPreviewResult | undefined>\n    | MarkdownEditorPreviewResult\n    | undefined;\n  /** Local Clicky document for the React preview, or a mapper from markdown. */\n  clickyData?: ClickyProps[\"data\"] | ((markdown: string) => ClickyProps[\"data\"] | undefined);\n  /** Debounce interval for remote preview requests. */\n  previewDebounceMs?: number;\n  /** Minimum height for both editor and preview panes. */\n  minHeight?: number | string;\n  /** Disable editing and preview refresh. */\n  disabled?: boolean;\n  /** Render the source as read-only. */\n  readOnly?: boolean;\n  /** Classes applied to the component root. */\n  className?: string;\n  /** Classes applied to the textarea. */\n  editorClassName?: string;\n  /** Classes applied to the preview body. */\n  previewClassName?: string;\n  /** Extra toolbar content rendered after the built-in actions. */\n  toolbar?: ReactNode;\n};\n\ntype PreviewState =\n  | { status: \"idle\" }\n  | { status: \"loading\"; result?: MarkdownEditorPreviewResult }\n  | { status: \"success\"; result: MarkdownEditorPreviewResult }\n  | { status: \"error\"; error: string; result?: MarkdownEditorPreviewResult };\n\ntype FormatMeta = {\n  label: string;\n  icon: StaticIconComponent;\n  iconClassName?: string;\n};\n\nconst FORMAT_META: Record<MarkdownEditorPreviewFormat, FormatMeta> = {\n  react: {\n    label: \"React\",\n    icon: UiEye,\n  },\n  html: {\n    label: \"HTML\",\n    icon: UiFileCode,\n  },\n  markdown: {\n    label: \"Markdown\",\n    icon: UiMarkdown,\n  },\n  pdf: {\n    label: \"PDF\",\n    icon: UiFileText,\n    iconClassName: \"text-rose-600 dark:text-rose-400\",\n  },\n  json: {\n    label: \"JSON\",\n    icon: UiJson,\n  },\n  csv: {\n    label: \"CSV\",\n    icon: UiFileSpreadsheet,\n    iconClassName: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  excel: {\n    label: \"Excel\",\n    icon: UiFileSpreadsheet,\n    iconClassName: \"text-emerald-700 dark:text-emerald-300\",\n  },\n};\n\n/**\n * Split-pane markdown editor with local Markdown/React preview and optional\n * Clicky-backed format previews. Hosts can pass `previewEndpoint` for the\n * standard Clicky `format=` contract or `loadPreview` for custom conversion.\n */\nexport function MarkdownEditor({\n  value,\n  defaultValue = \"\",\n  onChange,\n  label = \"Markdown\",\n  placeholder = \"Write markdown...\",\n  previewFormats,\n  previewFormat,\n  defaultPreviewFormat,\n  onPreviewFormatChange,\n  previewEndpoint,\n  previewMethod = \"POST\",\n  previewHeaders,\n  buildPreviewUrl,\n  loadPreview,\n  clickyData,\n  previewDebounceMs = 350,\n  minHeight = 420,\n  disabled = false,\n  readOnly = false,\n  className,\n  editorClassName,\n  previewClassName,\n  toolbar,\n}: MarkdownEditorProps) {\n  const editorId = useId();\n  const formats = useMemo(\n    () => normalizePreviewFormats(previewFormats),\n    [previewFormats],\n  );\n  const firstFormat = formats[0] ?? \"react\";\n  const [draft, setDraft] = useState(defaultValue);\n  const markdown = value ?? draft;\n  const [internalFormat, setInternalFormat] = useState<MarkdownEditorPreviewFormat>(\n    () =>\n      normalizeInitialFormat(defaultPreviewFormat, formats) ??\n      firstFormat,\n  );\n  const activeFormat = formats.includes(previewFormat ?? internalFormat)\n    ? previewFormat ?? internalFormat\n    : firstFormat;\n  const [refreshKey, setRefreshKey] = useState(0);\n  const [previewState, setPreviewState] = useState<PreviewState>({\n    status: \"idle\",\n  });\n  const contentStyle = useMemo<CSSProperties>(\n    () => ({ minHeight: cssSize(minHeight) }),\n    [minHeight],\n  );\n  const remoteEnabled = Boolean(loadPreview || previewEndpoint || buildPreviewUrl);\n  const currentMeta = FORMAT_META[activeFormat];\n  const segmentOptions = useMemo<SegmentedOption<MarkdownEditorPreviewFormat>[]>(\n    () =>\n      formats.map((format) => {\n        const meta = FORMAT_META[format];\n        return {\n          id: format,\n          label: meta.label,\n          icon: meta.icon,\n          title: `${meta.label} preview`,\n        };\n      }),\n    [formats],\n  );\n\n  useEffect(() => {\n    if (formats.includes(activeFormat)) return;\n    setInternalFormat(firstFormat);\n  }, [activeFormat, firstFormat, formats]);\n\n  useEffect(() => {\n    if (!remoteEnabled) {\n      setPreviewState({ status: \"idle\" });\n      return;\n    }\n\n    const controller = new AbortController();\n    const timeout = window.setTimeout(() => {\n      setPreviewState((current) =>\n        current.status === \"success\"\n          ? { status: \"loading\", result: current.result }\n          : { status: \"loading\" },\n      );\n\n      resolvePreview({\n        markdown,\n        format: activeFormat,\n        signal: controller.signal,\n        previewEndpoint,\n        previewMethod,\n        previewHeaders,\n        buildPreviewUrl,\n        loadPreview,\n      })\n        .then((result) => {\n          if (controller.signal.aborted) return;\n          setPreviewState(\n            result ? { status: \"success\", result } : { status: \"idle\" },\n          );\n        })\n        .catch((error: unknown) => {\n          if (controller.signal.aborted) return;\n          setPreviewState((current) => ({\n            status: \"error\",\n            error: error instanceof Error ? error.message : \"Preview failed\",\n            ...(current.status === \"loading\" && current.result\n              ? { result: current.result }\n              : {}),\n          }));\n        });\n    }, Math.max(0, previewDebounceMs));\n\n    return () => {\n      window.clearTimeout(timeout);\n      controller.abort();\n    };\n  }, [\n    activeFormat,\n    buildPreviewUrl,\n    loadPreview,\n    markdown,\n    previewDebounceMs,\n    previewEndpoint,\n    previewHeaders,\n    previewMethod,\n    refreshKey,\n    remoteEnabled,\n  ]);\n\n  const updateMarkdown = (next: string) => {\n    if (value === undefined) setDraft(next);\n    onChange?.(next);\n  };\n\n  const updateFormat = (next: MarkdownEditorPreviewFormat) => {\n    if (previewFormat === undefined) setInternalFormat(next);\n    onPreviewFormatChange?.(next);\n  };\n\n  const copySource = () => {\n    const clipboard = globalThis.navigator?.clipboard;\n    if (clipboard?.writeText) {\n      void clipboard.writeText(markdown).catch(() => undefined);\n    }\n  };\n\n  return (\n    <div className={cn(\"rounded-md border border-border bg-card\", className)}>\n      <div className=\"flex flex-wrap items-center gap-density-2 border-b border-border px-density-3 py-density-2\">\n        <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n          <Icon icon={UiEdit} className=\"text-base text-muted-foreground\" />\n          <label\n            htmlFor={editorId}\n            className=\"truncate text-sm font-medium text-card-foreground\"\n          >\n            {label}\n          </label>\n          {previewState.status === \"loading\" && (\n            <span className=\"text-xs text-muted-foreground\">Refreshing...</span>\n          )}\n        </div>\n        <div className=\"flex min-w-0 flex-wrap items-center justify-end gap-2\">\n          <SegmentedControl\n            value={activeFormat}\n            options={segmentOptions}\n            onChange={updateFormat}\n            size=\"sm\"\n            aria-label=\"Markdown preview format\"\n            className=\"max-w-full flex-wrap\"\n          />\n          {remoteEnabled && (\n            <IconButton\n              icon={UiRefresh}\n              label=\"Refresh preview\"\n              disabled={disabled}\n              onClick={() => setRefreshKey((current) => current + 1)}\n            />\n          )}\n          <IconButton icon={UiCopy} label=\"Copy markdown\" onClick={copySource} />\n          {toolbar}\n        </div>\n      </div>\n\n      <div className=\"grid gap-density-3 p-density-3 lg:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]\">\n        <div className=\"min-w-0 overflow-hidden rounded-md border border-border bg-background\">\n          <div className=\"border-b border-border px-density-3 py-density-2 text-xs font-medium text-muted-foreground\">\n            Source\n          </div>\n          <textarea\n            id={editorId}\n            value={markdown}\n            placeholder={placeholder}\n            disabled={disabled}\n            readOnly={readOnly}\n            spellCheck\n            onChange={(event) => updateMarkdown(event.currentTarget.value)}\n            className={cn(\n              \"block w-full resize-y border-0 bg-transparent px-density-3 py-density-3 font-mono text-sm leading-6 text-foreground outline-none placeholder:text-placeholder disabled:cursor-not-allowed disabled:opacity-60\",\n              editorClassName,\n            )}\n            style={contentStyle}\n          />\n        </div>\n\n        <div className=\"min-w-0 overflow-hidden rounded-md border border-border bg-background\">\n          <div className=\"flex items-center gap-2 border-b border-border px-density-3 py-density-2 text-xs font-medium text-muted-foreground\">\n            <Icon\n              icon={currentMeta.icon}\n              className={cn(\"text-sm\", currentMeta.iconClassName)}\n            />\n            <span>{currentMeta.label}</span>\n          </div>\n          <div\n            className={cn(\n              \"overflow-auto px-density-3 py-density-3\",\n              previewClassName,\n            )}\n            style={contentStyle}\n          >\n            <MarkdownEditorPreview\n              format={activeFormat}\n              markdown={markdown}\n              state={previewState}\n              clickyData={clickyData}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction MarkdownEditorPreview({\n  format,\n  markdown,\n  state,\n  clickyData,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  markdown: string;\n  state: PreviewState;\n  clickyData?: MarkdownEditorProps[\"clickyData\"];\n}) {\n  const result =\n    state.status === \"success\" || state.status === \"loading\" || state.status === \"error\"\n      ? state.result\n      : undefined;\n\n  return (\n    <div className=\"space-y-density-3\">\n      {state.status === \"error\" && (\n        <PreviewNotice title=\"Preview failed\" message={state.error} tone=\"danger\" />\n      )}\n      {result ? (\n        <PreviewResult format={format} result={result} />\n      ) : (\n        <LocalPreview\n          format={format}\n          markdown={markdown}\n          clickyData={clickyData}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction LocalPreview({\n  format,\n  markdown,\n  clickyData,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  markdown: string;\n  clickyData?: MarkdownEditorProps[\"clickyData\"];\n}) {\n  if (format === \"react\") {\n    const data =\n      typeof clickyData === \"function\" ? clickyData(markdown) : clickyData;\n    return data === undefined ? <Markdown text={markdown} /> : <Clicky data={data} />;\n  }\n\n  if (format === \"markdown\") {\n    return <TextPreview label=\"Markdown source\" text={markdown} />;\n  }\n\n  return (\n    <PreviewNotice\n      title={`${FORMAT_META[format].label} preview not configured`}\n      message=\"Pass previewEndpoint or loadPreview to render this format from Clicky.\"\n    />\n  );\n}\n\nfunction PreviewResult({\n  format,\n  result,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  result: MarkdownEditorPreviewResult;\n}) {\n  switch (result.kind) {\n    case \"clicky\":\n      return <Clicky data={result.data} />;\n    case \"html\":\n      return <HtmlPreview html={result.html} />;\n    case \"json\":\n      return <JsonView data={result.data} />;\n    case \"url\":\n      return <UrlPreview format={format} url={result.url} />;\n    case \"blob\":\n      return <BlobPreview format={format} result={result} />;\n    case \"text\":\n      return <TextResult format={format} result={result} />;\n  }\n}\n\nfunction TextResult({\n  format,\n  result,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  result: Extract<MarkdownEditorPreviewResult, { kind: \"text\" }>;\n}) {\n  if (format === \"react\") {\n    return <Clicky data={result.text} />;\n  }\n\n  if (format === \"html\" || isHtmlContent(result.contentType)) {\n    return <HtmlPreview html={result.text} />;\n  }\n\n  if (format === \"json\" || isJsonContent(result.contentType)) {\n    const parsed = parseJson(result.text);\n    return parsed.ok ? (\n      <JsonView data={parsed.value} />\n    ) : (\n      <TextPreview label=\"JSON output\" text={result.text} />\n    );\n  }\n\n  return (\n    <TextPreview\n      label={`${FORMAT_META[format].label} output`}\n      text={result.text}\n    />\n  );\n}\n\nfunction UrlPreview({\n  format,\n  url,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  url: string;\n}) {\n  if (format === \"react\") {\n    return <Clicky url={url} view={[\"clicky\"]} download={{ all: false }} />;\n  }\n\n  if (format === \"html\") {\n    return <HtmlPreview src={url} />;\n  }\n\n  if (format === \"pdf\") {\n    return <FramePreview title=\"PDF preview\" src={url} />;\n  }\n\n  if (format === \"excel\") {\n    return <DownloadPreview label=\"Open Excel workbook\" href={url} />;\n  }\n\n  return <TextPreview label={`${FORMAT_META[format].label} URL`} text={url} />;\n}\n\nfunction BlobPreview({\n  format,\n  result,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  result: Extract<MarkdownEditorPreviewResult, { kind: \"blob\" }>;\n}) {\n  const [url, setUrl] = useState<string>();\n\n  useEffect(() => {\n    const next = URL.createObjectURL(result.blob);\n    setUrl(next);\n    return () => URL.revokeObjectURL(next);\n  }, [result.blob]);\n\n  if (!url) {\n    return <PreviewNotice title=\"Preparing preview\" message=\"Creating object URL.\" />;\n  }\n\n  if (format === \"pdf\") {\n    return <FramePreview title=\"PDF preview\" src={url} />;\n  }\n\n  return (\n    <DownloadPreview\n      label={`Open ${FORMAT_META[format].label}`}\n      href={url}\n      {...(result.filename ? { download: result.filename } : {})}\n    />\n  );\n}\n\nfunction HtmlPreview({\n  html,\n  src,\n}: {\n  html?: string;\n  src?: string;\n}) {\n  return (\n    <FramePreview\n      title=\"HTML preview\"\n      {...(src ? { src } : {})}\n      {...(html ? { srcDoc: html } : {})}\n      sandbox=\"allow-same-origin\"\n    />\n  );\n}\n\nfunction FramePreview({\n  title,\n  src,\n  srcDoc,\n  sandbox,\n}: {\n  title: string;\n  src?: string;\n  srcDoc?: string;\n  sandbox?: string;\n}) {\n  return (\n    <div className=\"overflow-hidden rounded-md border border-border bg-background\">\n      <iframe\n        title={title}\n        {...(src ? { src } : {})}\n        {...(srcDoc ? { srcDoc } : {})}\n        {...(sandbox ? { sandbox } : {})}\n        className=\"h-[720px] w-full bg-background\"\n      />\n    </div>\n  );\n}\n\nfunction DownloadPreview({\n  label,\n  href,\n  download,\n}: {\n  label: string;\n  href: string;\n  download?: string;\n}) {\n  return (\n    <PreviewNotice\n      title=\"Inline preview unavailable\"\n      message={\n        <Button asChild variant=\"outline\" size=\"sm\">\n          <a\n            href={href}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            {...(download ? { download } : {})}\n          >\n            {label}\n          </a>\n        </Button>\n      }\n    />\n  );\n}\n\nfunction TextPreview({ label, text }: { label: string; text: string }) {\n  return (\n    <pre\n      aria-label={label}\n      className=\"overflow-auto whitespace-pre-wrap break-words rounded-md border border-border bg-muted/30 px-density-3 py-density-3 font-mono text-xs text-foreground\"\n    >\n      {text || \"No content\"}\n    </pre>\n  );\n}\n\nfunction PreviewNotice({\n  title,\n  message,\n  tone = \"default\",\n}: {\n  title: string;\n  message: ReactNode;\n  tone?: \"default\" | \"danger\";\n}) {\n  return (\n    <div\n      className={cn(\n        \"rounded-md border p-density-3\",\n        tone === \"danger\"\n          ? \"border-destructive/30 bg-destructive/5\"\n          : \"border-border bg-muted/30\",\n      )}\n    >\n      <div\n        className={cn(\n          \"text-sm font-medium\",\n          tone === \"danger\" && \"text-destructive\",\n        )}\n      >\n        {title}\n      </div>\n      <div className=\"mt-1 text-xs text-muted-foreground\">{message}</div>\n    </div>\n  );\n}\n\nfunction normalizePreviewFormats(\n  formats: readonly MarkdownEditorPreviewFormat[] | undefined,\n): MarkdownEditorPreviewFormat[] {\n  const seen = new Set<MarkdownEditorPreviewFormat>();\n  const source = formats && formats.length > 0 ? formats : MARKDOWN_EDITOR_PREVIEW_FORMATS;\n  for (const format of source) {\n    seen.add(format);\n  }\n  return [...seen];\n}\n\nfunction normalizeInitialFormat(\n  format: MarkdownEditorPreviewFormat | undefined,\n  formats: readonly MarkdownEditorPreviewFormat[],\n) {\n  return format && formats.includes(format) ? format : undefined;\n}\n\nfunction cssSize(size: number | string) {\n  return typeof size === \"number\" ? `${size}px` : size;\n}\n\nasync function resolvePreview({\n  markdown,\n  format,\n  signal,\n  previewEndpoint,\n  previewMethod,\n  previewHeaders,\n  buildPreviewUrl,\n  loadPreview,\n}: MarkdownEditorPreviewRequest & {\n  previewEndpoint: string | undefined;\n  previewMethod: \"GET\" | \"POST\" | \"PUT\";\n  previewHeaders: MarkdownEditorPreviewHeaders | undefined;\n  buildPreviewUrl: MarkdownEditorProps[\"buildPreviewUrl\"] | undefined;\n  loadPreview: MarkdownEditorProps[\"loadPreview\"] | undefined;\n}): Promise<MarkdownEditorPreviewResult | undefined> {\n  if (loadPreview) {\n    return loadPreview({ markdown, format, signal });\n  }\n\n  const url =\n    buildPreviewUrl?.({ markdown, format }) ??\n    (previewEndpoint\n      ? buildMarkdownPreviewUrl(previewEndpoint, format)\n      : undefined);\n\n  if (!url) {\n    throw new Error(\"No preview endpoint configured\");\n  }\n\n  const headers = new Headers(\n    typeof previewHeaders === \"function\"\n      ? previewHeaders({ markdown, format })\n      : previewHeaders,\n  );\n  headers.set(\"Accept\", previewAccept(format));\n\n  const init: RequestInit = {\n    method: previewMethod,\n    headers,\n    signal,\n  };\n\n  if (previewMethod !== \"GET\") {\n    headers.set(\"Content-Type\", \"text/markdown; charset=utf-8\");\n    init.body = markdown;\n  }\n\n  const response = await fetch(url, init);\n  if (!response.ok) {\n    throw new Error(\n      `Preview failed with ${response.status} ${response.statusText}`.trim(),\n    );\n  }\n\n  const contentType = response.headers.get(\"Content-Type\") ?? \"\";\n  if (format === \"pdf\" || format === \"excel\" || isBinaryContent(contentType)) {\n    return {\n      kind: \"blob\",\n      blob: await response.blob(),\n      contentType,\n      filename: previewFilename(format),\n    };\n  }\n\n  const text = await response.text();\n  if (format === \"react\") {\n    return { kind: \"clicky\", data: text };\n  }\n  if (format === \"html\" || isHtmlContent(contentType)) {\n    return { kind: \"html\", html: text };\n  }\n  if (format === \"json\" || isJsonContent(contentType)) {\n    const parsed = parseJson(text);\n    return parsed.ok\n      ? { kind: \"json\", data: parsed.value }\n      : { kind: \"text\", text, contentType };\n  }\n  return { kind: \"text\", text, contentType };\n}\n\nfunction previewAccept(format: MarkdownEditorPreviewFormat) {\n  switch (format) {\n    case \"react\":\n      return \"application/json+clicky, application/clicky+json;q=0.9, application/json;q=0.8,*/*;q=0.7\";\n    case \"html\":\n      return \"text/html, */*;q=0.7\";\n    case \"markdown\":\n      return \"text/markdown, text/plain;q=0.8,*/*;q=0.7\";\n    case \"pdf\":\n      return \"application/pdf, */*;q=0.7\";\n    case \"json\":\n      return \"application/json, text/plain;q=0.8,*/*;q=0.7\";\n    case \"csv\":\n      return \"text/csv, text/plain;q=0.8,*/*;q=0.7\";\n    case \"excel\":\n      return \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, */*;q=0.7\";\n  }\n}\n\nfunction previewFilename(format: MarkdownEditorPreviewFormat) {\n  switch (format) {\n    case \"react\":\n      return \"preview.clicky.json\";\n    case \"html\":\n      return \"preview.html\";\n    case \"markdown\":\n      return \"preview.md\";\n    case \"pdf\":\n      return \"preview.pdf\";\n    case \"json\":\n      return \"preview.json\";\n    case \"csv\":\n      return \"preview.csv\";\n    case \"excel\":\n      return \"preview.xlsx\";\n  }\n}\n\nfunction parseJson(text: string): { ok: true; value: unknown } | { ok: false } {\n  try {\n    return { ok: true, value: JSON.parse(text) as unknown };\n  } catch {\n    return { ok: false };\n  }\n}\n\nfunction isJsonContent(contentType: string | undefined) {\n  return contentType?.toLowerCase().includes(\"json\") ?? false;\n}\n\nfunction isHtmlContent(contentType: string | undefined) {\n  return contentType?.toLowerCase().includes(\"html\") ?? false;\n}\n\nfunction isBinaryContent(contentType: string | undefined) {\n  const normalized = contentType?.toLowerCase() ?? \"\";\n  return (\n    normalized.includes(\"application/pdf\") ||\n    normalized.includes(\"spreadsheetml\") ||\n    normalized.includes(\"application/vnd.ms-excel\")\n  );\n}\n"],"names":["UiEye","UiFileCode","UiMarkdown","UiFileText","UiJson","UiFileSpreadsheet","useId","useMemo","useState","useEffect","cn","jsxs","jsx","Icon","UiEdit","SegmentedControl","IconButton","UiRefresh","UiCopy","Markdown","Clicky","JsonView","Button","MARKDOWN_EDITOR_PREVIEW_FORMATS","buildMarkdownPreviewUrl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgHA,MAAM,cAA+D;AAAA,EACnE,OAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAMA,MAAAA;AAAAA,EAAA;AAAA,EAER,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAMC,WAAAA;AAAAA,EAAA;AAAA,EAER,UAAU;AAAA,IACR,OAAO;AAAA,IACP,MAAMC,WAAAA;AAAAA,EAAA;AAAA,EAER,KAAK;AAAA,IACH,OAAO;AAAA,IACP,MAAMC,WAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAMC,OAAAA;AAAAA,EAAA;AAAA,EAER,KAAK;AAAA,IACH,OAAO;AAAA,IACP,MAAMC,kBAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB,OAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAMA,kBAAAA;AAAAA,IACN,eAAe;AAAA,EAAA;AAEnB;AAOO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,EACR,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,WAAWC,MAAAA,MAAA;AACjB,QAAM,UAAUC,MAAAA;AAAAA,IACd,MAAM,wBAAwB,cAAc;AAAA,IAC5C,CAAC,cAAc;AAAA,EAAA;AAEjB,QAAM,cAAc,QAAQ,CAAC,KAAK;AAClC,QAAM,CAAC,OAAO,QAAQ,IAAIC,MAAAA,SAAS,YAAY;AAC/C,QAAM,WAAW,SAAS;AAC1B,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA;AAAAA,IAC1C,MACE,uBAAuB,sBAAsB,OAAO,KACpD;AAAA,EAAA;AAEJ,QAAM,eAAe,QAAQ,SAAS,iBAAiB,cAAc,IACjE,iBAAiB,iBACjB;AACJ,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAAS,CAAC;AAC9C,QAAM,CAAC,cAAc,eAAe,IAAIA,eAAuB;AAAA,IAC7D,QAAQ;AAAA,EAAA,CACT;AACD,QAAM,eAAeD,MAAAA;AAAAA,IACnB,OAAO,EAAE,WAAW,QAAQ,SAAS,EAAA;AAAA,IACrC,CAAC,SAAS;AAAA,EAAA;AAEZ,QAAM,gBAAgB,QAAQ,eAAe,mBAAmB,eAAe;AAC/E,QAAM,cAAc,YAAY,YAAY;AAC5C,QAAM,iBAAiBA,MAAAA;AAAAA,IACrB,MACE,QAAQ,IAAI,CAAC,WAAW;AACtB,YAAM,OAAO,YAAY,MAAM;AAC/B,aAAO;AAAA,QACL,IAAI;AAAA,QACJ,OAAO,KAAK;AAAA,QACZ,MAAM,KAAK;AAAA,QACX,OAAO,GAAG,KAAK,KAAK;AAAA,MAAA;AAAA,IAExB,CAAC;AAAA,IACH,CAAC,OAAO;AAAA,EAAA;AAGVE,QAAAA,UAAU,MAAM;AACd,QAAI,QAAQ,SAAS,YAAY,EAAG;AACpC,sBAAkB,WAAW;AAAA,EAC/B,GAAG,CAAC,cAAc,aAAa,OAAO,CAAC;AAEvCA,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,eAAe;AAClB,sBAAgB,EAAE,QAAQ,QAAQ;AAClC;AAAA,IACF;AAEA,UAAM,aAAa,IAAI,gBAAA;AACvB,UAAM,UAAU,OAAO,WAAW,MAAM;AACtC;AAAA,QAAgB,CAAC,YACf,QAAQ,WAAW,YACf,EAAE,QAAQ,WAAW,QAAQ,QAAQ,WACrC,EAAE,QAAQ,UAAA;AAAA,MAAU;AAG1B,qBAAe;AAAA,QACb;AAAA,QACA,QAAQ;AAAA,QACR,QAAQ,WAAW;AAAA,QACnB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD,EACE,KAAK,CAAC,WAAW;AAChB,YAAI,WAAW,OAAO,QAAS;AAC/B;AAAA,UACE,SAAS,EAAE,QAAQ,WAAW,WAAW,EAAE,QAAQ,OAAA;AAAA,QAAO;AAAA,MAE9D,CAAC,EACA,MAAM,CAAC,UAAmB;AACzB,YAAI,WAAW,OAAO,QAAS;AAC/B,wBAAgB,CAAC,aAAa;AAAA,UAC5B,QAAQ;AAAA,UACR,OAAO,iBAAiB,QAAQ,MAAM,UAAU;AAAA,UAChD,GAAI,QAAQ,WAAW,aAAa,QAAQ,SACxC,EAAE,QAAQ,QAAQ,WAClB,CAAA;AAAA,QAAC,EACL;AAAA,MACJ,CAAC;AAAA,IACL,GAAG,KAAK,IAAI,GAAG,iBAAiB,CAAC;AAEjC,WAAO,MAAM;AACX,aAAO,aAAa,OAAO;AAC3B,iBAAW,MAAA;AAAA,IACb;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,iBAAiB,CAAC,SAAiB;AACvC,QAAI,UAAU,OAAW,UAAS,IAAI;AACtC,yCAAW;AAAA,EACb;AAEA,QAAM,eAAe,CAAC,SAAsC;AAC1D,QAAI,kBAAkB,OAAW,mBAAkB,IAAI;AACvD,mEAAwB;AAAA,EAC1B;AAEA,QAAM,aAAa,MAAM;;AACvB,UAAM,aAAY,gBAAW,cAAX,mBAAsB;AACxC,QAAI,uCAAW,WAAW;AACxB,WAAK,UAAU,UAAU,QAAQ,EAAE,MAAM,MAAM,MAAS;AAAA,IAC1D;AAAA,EACF;AAEA,yCACG,OAAA,EAAI,WAAWC,MAAAA,GAAG,2CAA2C,SAAS,GACrE,UAAA;AAAA,IAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,8FACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMC,OAAAA,QAAQ,WAAU,mCAAkC;AAAA,QAChEF,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,WAAU;AAAA,YAET,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,aAAa,WAAW,4CACtB,QAAA,EAAK,WAAU,iCAAgC,UAAA,gBAAA,CAAa;AAAA,MAAA,GAEjE;AAAA,MACAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,yDACb,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAACG,iBAAAA;AAAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,SAAS;AAAA,YACT,UAAU;AAAA,YACV,MAAK;AAAA,YACL,cAAW;AAAA,YACX,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX,iBACCH,2BAAAA;AAAAA,UAACI,WAAAA;AAAAA,UAAA;AAAA,YACC,MAAMC,UAAAA;AAAAA,YACN,OAAM;AAAA,YACN;AAAA,YACA,SAAS,MAAM,cAAc,CAAC,YAAY,UAAU,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,uCAGxDD,WAAAA,YAAA,EAAW,MAAME,OAAAA,QAAQ,OAAM,iBAAgB,SAAS,YAAY;AAAA,QACpE;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAEAP,2BAAAA,KAAC,OAAA,EAAI,WAAU,6EACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,QAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,8FAA6F,UAAA,UAE5G;AAAA,QACAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,OAAO;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA,YAAU;AAAA,YACV,UAAU,CAAC,UAAU,eAAe,MAAM,cAAc,KAAK;AAAA,YAC7D,WAAWF,MAAAA;AAAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACT,GACF;AAAA,MAEAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,QAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,sHACb,UAAA;AAAA,UAAAC,2BAAAA;AAAAA,YAACC,KAAAA;AAAAA,YAAA;AAAA,cACC,MAAM,YAAY;AAAA,cAClB,WAAWH,MAAAA,GAAG,WAAW,YAAY,aAAa;AAAA,YAAA;AAAA,UAAA;AAAA,UAEpDE,2BAAAA,IAAC,QAAA,EAAM,UAAA,YAAY,MAAA,CAAM;AAAA,QAAA,GAC3B;AAAA,QACAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,MAAAA;AAAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,OAAO;AAAA,YAEP,UAAAE,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,QAAQ;AAAA,gBACR;AAAA,gBACA,OAAO;AAAA,gBACP;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,SACJ,MAAM,WAAW,aAAa,MAAM,WAAW,aAAa,MAAM,WAAW,UACzE,MAAM,SACN;AAEN,SACED,2BAAAA,KAAC,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,IAAA,MAAM,WAAW,WAChBC,2BAAAA,IAAC,eAAA,EAAc,OAAM,kBAAiB,SAAS,MAAM,OAAO,MAAK,SAAA,CAAS;AAAA,IAE3E,SACCA,2BAAAA,IAAC,eAAA,EAAc,QAAgB,QAAgB,IAE/CA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,WAAW,SAAS;AACtB,UAAM,OACJ,OAAO,eAAe,aAAa,WAAW,QAAQ,IAAI;AAC5D,WAAO,SAAS,SAAYA,2BAAAA,IAACO,SAAAA,UAAA,EAAS,MAAM,SAAA,CAAU,IAAKP,2BAAAA,IAACQ,eAAA,EAAO,KAAA,CAAY;AAAA,EACjF;AAEA,MAAI,WAAW,YAAY;AACzB,WAAOR,2BAAAA,IAAC,aAAA,EAAY,OAAM,mBAAkB,MAAM,UAAU;AAAA,EAC9D;AAEA,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,GAAG,YAAY,MAAM,EAAE,KAAK;AAAA,MACnC,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AACF,GAGG;AACD,UAAQ,OAAO,MAAA;AAAA,IACb,KAAK;AACH,aAAOA,2BAAAA,IAACQ,OAAAA,QAAA,EAAO,MAAM,OAAO,KAAA,CAAM;AAAA,IACpC,KAAK;AACH,aAAOR,2BAAAA,IAAC,aAAA,EAAY,MAAM,OAAO,KAAA,CAAM;AAAA,IACzC,KAAK;AACH,aAAOA,2BAAAA,IAACS,SAAAA,UAAA,EAAS,MAAM,OAAO,KAAA,CAAM;AAAA,IACtC,KAAK;AACH,aAAOT,2BAAAA,IAAC,YAAA,EAAW,QAAgB,KAAK,OAAO,KAAK;AAAA,IACtD,KAAK;AACH,aAAOA,2BAAAA,IAAC,aAAA,EAAY,QAAgB,OAAA,CAAgB;AAAA,IACtD,KAAK;AACH,aAAOA,2BAAAA,IAAC,YAAA,EAAW,QAAgB,OAAA,CAAgB;AAAA,EAAA;AAEzD;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AACF,GAGG;AACD,MAAI,WAAW,SAAS;AACtB,WAAOA,2BAAAA,IAACQ,OAAAA,QAAA,EAAO,MAAM,OAAO,KAAA,CAAM;AAAA,EACpC;AAEA,MAAI,WAAW,UAAU,cAAc,OAAO,WAAW,GAAG;AAC1D,WAAOR,2BAAAA,IAAC,aAAA,EAAY,MAAM,OAAO,KAAA,CAAM;AAAA,EACzC;AAEA,MAAI,WAAW,UAAU,cAAc,OAAO,WAAW,GAAG;AAC1D,UAAM,SAAS,UAAU,OAAO,IAAI;AACpC,WAAO,OAAO,KACZA,2BAAAA,IAACS,SAAAA,UAAA,EAAS,MAAM,OAAO,MAAA,CAAO,IAE9BT,2BAAAA,IAAC,aAAA,EAAY,OAAM,eAAc,MAAM,OAAO,MAAM;AAAA,EAExD;AAEA,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,GAAG,YAAY,MAAM,EAAE,KAAK;AAAA,MACnC,MAAM,OAAO;AAAA,IAAA;AAAA,EAAA;AAGnB;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AACF,GAGG;AACD,MAAI,WAAW,SAAS;AACtB,WAAOA,+BAACQ,OAAAA,QAAA,EAAO,KAAU,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,KAAK,MAAA,EAAM,CAAG;AAAA,EACvE;AAEA,MAAI,WAAW,QAAQ;AACrB,WAAOR,2BAAAA,IAAC,aAAA,EAAY,KAAK,IAAA,CAAK;AAAA,EAChC;AAEA,MAAI,WAAW,OAAO;AACpB,WAAOA,2BAAAA,IAAC,cAAA,EAAa,OAAM,eAAc,KAAK,KAAK;AAAA,EACrD;AAEA,MAAI,WAAW,SAAS;AACtB,WAAOA,2BAAAA,IAAC,iBAAA,EAAgB,OAAM,uBAAsB,MAAM,KAAK;AAAA,EACjE;AAEA,SAAOA,2BAAAA,IAAC,aAAA,EAAY,OAAO,GAAG,YAAY,MAAM,EAAE,KAAK,QAAQ,MAAM,IAAA,CAAK;AAC5E;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,KAAK,MAAM,IAAIJ,eAAA;AAEtBC,QAAAA,UAAU,MAAM;AACd,UAAM,OAAO,IAAI,gBAAgB,OAAO,IAAI;AAC5C,WAAO,IAAI;AACX,WAAO,MAAM,IAAI,gBAAgB,IAAI;AAAA,EACvC,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,MAAI,CAAC,KAAK;AACR,WAAOG,2BAAAA,IAAC,eAAA,EAAc,OAAM,qBAAoB,SAAQ,wBAAuB;AAAA,EACjF;AAEA,MAAI,WAAW,OAAO;AACpB,WAAOA,2BAAAA,IAAC,cAAA,EAAa,OAAM,eAAc,KAAK,KAAK;AAAA,EACrD;AAEA,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,QAAQ,YAAY,MAAM,EAAE,KAAK;AAAA,MACxC,MAAM;AAAA,MACL,GAAI,OAAO,WAAW,EAAE,UAAU,OAAO,SAAA,IAAa,CAAA;AAAA,IAAC;AAAA,EAAA;AAG9D;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AACF,GAGG;AACD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACL,GAAI,MAAM,EAAE,IAAA,IAAQ,CAAA;AAAA,MACpB,GAAI,OAAO,EAAE,QAAQ,KAAA,IAAS,CAAA;AAAA,MAC/B,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACEA,2BAAAA,IAAC,OAAA,EAAI,WAAU,iEACb,UAAAA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAI,MAAM,EAAE,IAAA,IAAQ,CAAA;AAAA,MACpB,GAAI,SAAS,EAAE,OAAA,IAAW,CAAA;AAAA,MAC1B,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,MAC7B,WAAU;AAAA,IAAA;AAAA,EAAA,GAEd;AAEJ;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,wCACGU,eAAA,EAAO,SAAO,MAAC,SAAQ,WAAU,MAAK,MACrC,UAAAV,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,QAAO;AAAA,UACP,KAAI;AAAA,UACH,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,UAE9B,UAAA;AAAA,QAAA;AAAA,MAAA,EACH,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,SAAS,YAAY,EAAE,OAAO,QAAyC;AACrE,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAU;AAAA,MAET,UAAA,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGf;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA,OAAO;AACT,GAIG;AACD,SACED,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,MAAAA;AAAAA,QACT;AAAA,QACA,SAAS,WACL,2CACA;AAAA,MAAA;AAAA,MAGN,UAAA;AAAA,QAAAE,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,MAAAA;AAAAA,cACT;AAAA,cACA,SAAS,YAAY;AAAA,YAAA;AAAA,YAGtB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHE,2BAAAA,IAAC,OAAA,EAAI,WAAU,sCAAsC,UAAA,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnE;AAEA,SAAS,wBACP,SAC+B;AAC/B,QAAM,2BAAW,IAAA;AACjB,QAAM,SAAS,WAAW,QAAQ,SAAS,IAAI,UAAUW,qBAAAA;AACzD,aAAW,UAAU,QAAQ;AAC3B,SAAK,IAAI,MAAM;AAAA,EACjB;AACA,SAAO,CAAC,GAAG,IAAI;AACjB;AAEA,SAAS,uBACP,QACA,SACA;AACA,SAAO,UAAU,QAAQ,SAAS,MAAM,IAAI,SAAS;AACvD;AAEA,SAAS,QAAQ,MAAuB;AACtC,SAAO,OAAO,SAAS,WAAW,GAAG,IAAI,OAAO;AAClD;AAEA,eAAe,eAAe;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMqD;AACnD,MAAI,aAAa;AACf,WAAO,YAAY,EAAE,UAAU,QAAQ,QAAQ;AAAA,EACjD;AAEA,QAAM,OACJ,mDAAkB,EAAE,UAAU,OAAA,QAC7B,kBACGC,6CAAwB,iBAAiB,MAAM,IAC/C;AAEN,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,gCAAgC;AAAA,EAClD;AAEA,QAAM,UAAU,IAAI;AAAA,IAClB,OAAO,mBAAmB,aACtB,eAAe,EAAE,UAAU,OAAA,CAAQ,IACnC;AAAA,EAAA;AAEN,UAAQ,IAAI,UAAU,cAAc,MAAM,CAAC;AAE3C,QAAM,OAAoB;AAAA,IACxB,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,EAAA;AAGF,MAAI,kBAAkB,OAAO;AAC3B,YAAQ,IAAI,gBAAgB,8BAA8B;AAC1D,SAAK,OAAO;AAAA,EACd;AAEA,QAAM,WAAW,MAAM,MAAM,KAAK,IAAI;AACtC,MAAI,CAAC,SAAS,IAAI;AAChB,UAAM,IAAI;AAAA,MACR,uBAAuB,SAAS,MAAM,IAAI,SAAS,UAAU,GAAG,KAAA;AAAA,IAAK;AAAA,EAEzE;AAEA,QAAM,cAAc,SAAS,QAAQ,IAAI,cAAc,KAAK;AAC5D,MAAI,WAAW,SAAS,WAAW,WAAW,gBAAgB,WAAW,GAAG;AAC1E,WAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAM,MAAM,SAAS,KAAA;AAAA,MACrB;AAAA,MACA,UAAU,gBAAgB,MAAM;AAAA,IAAA;AAAA,EAEpC;AAEA,QAAM,OAAO,MAAM,SAAS,KAAA;AAC5B,MAAI,WAAW,SAAS;AACtB,WAAO,EAAE,MAAM,UAAU,MAAM,KAAA;AAAA,EACjC;AACA,MAAI,WAAW,UAAU,cAAc,WAAW,GAAG;AACnD,WAAO,EAAE,MAAM,QAAQ,MAAM,KAAA;AAAA,EAC/B;AACA,MAAI,WAAW,UAAU,cAAc,WAAW,GAAG;AACnD,UAAM,SAAS,UAAU,IAAI;AAC7B,WAAO,OAAO,KACV,EAAE,MAAM,QAAQ,MAAM,OAAO,MAAA,IAC7B,EAAE,MAAM,QAAQ,MAAM,YAAA;AAAA,EAC5B;AACA,SAAO,EAAE,MAAM,QAAQ,MAAM,YAAA;AAC/B;AAEA,SAAS,cAAc,QAAqC;AAC1D,UAAQ,QAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEA,SAAS,gBAAgB,QAAqC;AAC5D,UAAQ,QAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEA,SAAS,UAAU,MAA4D;AAC7E,MAAI;AACF,WAAO,EAAE,IAAI,MAAM,OAAO,KAAK,MAAM,IAAI,EAAA;AAAA,EAC3C,QAAQ;AACN,WAAO,EAAE,IAAI,MAAA;AAAA,EACf;AACF;AAEA,SAAS,cAAc,aAAiC;AACtD,UAAO,2CAAa,cAAc,SAAS,YAAW;AACxD;AAEA,SAAS,cAAc,aAAiC;AACtD,UAAO,2CAAa,cAAc,SAAS,YAAW;AACxD;AAEA,SAAS,gBAAgB,aAAiC;AACxD,QAAM,cAAa,2CAAa,kBAAiB;AACjD,SACE,WAAW,SAAS,iBAAiB,KACrC,WAAW,SAAS,eAAe,KACnC,WAAW,SAAS,0BAA0B;AAElD;;"}

package/dist/data/MarkdownEditor.js

@@ -231,7 +231,7 @@ function MarkdownEditor({
             spellCheck: true,
             onChange: (event) => updateMarkdown(event.currentTarget.value),
             className: cn(
-              "block w-full resize-y border-0 bg-transparent px-density-3 py-density-3 font-mono text-sm leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-60",
+              "block w-full resize-y border-0 bg-transparent px-density-3 py-density-3 font-mono text-sm leading-6 text-foreground outline-none placeholder:text-placeholder disabled:cursor-not-allowed disabled:opacity-60",
               editorClassName
             ),
             style: contentStyle