@valkyrianlabs/payload-markdown 1.3.1

package/dist/directives/registry.d.ts

@@ -0,0 +1,20 @@
+import type { GridDirectiveName, LayoutDirectiveDefinition, LayoutName, LayoutToken, MarkdownDirectiveName } from './types.js';
+type ParseMarkdownLineResult = {
+    diagnostics: string[];
+    token: LayoutToken | null;
+};
+declare function getDirectiveDefinition(name: string): LayoutDirectiveDefinition | undefined;
+declare function isSupportedDirectiveName(name: string): name is MarkdownDirectiveName;
+declare function getPublicDefinitions(): LayoutDirectiveDefinition[];
+declare function parseMarkdownLineDetailed(text: string): ParseMarkdownLineResult;
+declare function parseMarkdownLine(text: string): LayoutToken | null;
+export declare const layoutDirectiveRegistry: {
+    all: readonly [LayoutDirectiveDefinition, ...LayoutDirectiveDefinition[], LayoutDirectiveDefinition, LayoutDirectiveDefinition, LayoutDirectiveDefinition, LayoutDirectiveDefinition, LayoutDirectiveDefinition, LayoutDirectiveDefinition, LayoutDirectiveDefinition, LayoutDirectiveDefinition, LayoutDirectiveDefinition];
+    get: typeof getDirectiveDefinition;
+    getPublicDefinitions: typeof getPublicDefinitions;
+    isGridName(name: string | undefined): name is GridDirectiveName;
+    isSupportedDirectiveName: typeof isSupportedDirectiveName;
+    parseMarkdownLine: typeof parseMarkdownLine;
+    parseMarkdownLineDetailed: typeof parseMarkdownLineDetailed;
+};
+export type { GridDirectiveName, LayoutName, LayoutToken, MarkdownDirectiveName };

package/dist/directives/registry.js

@@ -0,0 +1,152 @@
+import { parseDirectiveLine } from './attributes.js';
+import { calloutDirective } from './definitions/callout.js';
+import { cardDirective } from './definitions/card.js';
+import { cardsDirective } from './definitions/cards.js';
+import { cellDirective } from './definitions/cell.js';
+import { columnDirectives } from './definitions/columns.js';
+import { detailsDirective } from './definitions/details.js';
+import { sectionDirective } from './definitions/section.js';
+import { stepsDirective } from './definitions/steps.js';
+import { tabDirective } from './definitions/tab.js';
+import { tabsDirective } from './definitions/tabs.js';
+import { tocDirective } from './definitions/toc.js';
+const directiveDefinitions = [
+    sectionDirective,
+    ...columnDirectives,
+    cellDirective,
+    calloutDirective,
+    detailsDirective,
+    tocDirective,
+    stepsDirective,
+    cardsDirective,
+    cardDirective,
+    tabsDirective,
+    tabDirective
+];
+const closeMarkers = new Map([
+    [
+        ':::',
+        {
+            type: 'vlLayoutToken',
+            action: 'close'
+        }
+    ],
+    [
+        ':::end',
+        {
+            type: 'vlLayoutToken',
+            action: 'closeSection'
+        }
+    ],
+    [
+        ':::endcol',
+        {
+            type: 'vlLayoutToken',
+            action: 'closeGrid'
+        }
+    ],
+    [
+        ':::endsection',
+        {
+            type: 'vlLayoutToken',
+            action: 'closeSection'
+        }
+    ]
+]);
+function cloneToken(token) {
+    return {
+        ...token
+    };
+}
+function isLayoutName(name) {
+    return Boolean(directiveDefinitions.find((definition)=>definition.name === name)?.openMarker);
+}
+function getDirectiveDefinition(name) {
+    return directiveDefinitions.find((definition)=>definition.name === name);
+}
+function isSupportedDirectiveName(name) {
+    return directiveDefinitions.some((definition)=>definition.name === name);
+}
+function getPublicDefinitions() {
+    return directiveDefinitions.filter((definition)=>definition.public);
+}
+function findUnknownAttributes(definition, attributes) {
+    if (!definition.allowedAttributes) return [];
+    return Object.keys(attributes).filter((attribute)=>!definition.allowedAttributes?.includes(attribute));
+}
+function parseMarkdownLineDetailed(text) {
+    const trimmed = text.trim();
+    const closeToken = closeMarkers.get(trimmed);
+    if (closeToken) return {
+        diagnostics: [],
+        token: cloneToken(closeToken)
+    };
+    const parsed = parseDirectiveLine(trimmed);
+    if (!parsed) return {
+        diagnostics: trimmed.startsWith(':::') ? [
+            'Malformed directive marker.'
+        ] : [],
+        token: null
+    };
+    if (!isSupportedDirectiveName(parsed.name)) return {
+        diagnostics: [
+            `Unknown directive "${parsed.name}".`
+        ],
+        token: null
+    };
+    if (!isLayoutName(parsed.name)) return {
+        diagnostics: [],
+        token: null
+    };
+    const definition = getDirectiveDefinition(parsed.name);
+    if (!definition?.openMarker) return {
+        diagnostics: [],
+        token: null
+    };
+    if (!definition.supportsAttributes && parsed.rawAttributes) return {
+        diagnostics: [
+            `Directive "${parsed.name}" does not support attributes.`
+        ],
+        token: null
+    };
+    const exactMatch = definition.openMarker === trimmed;
+    const attributedMatch = definition.supportsAttributes && trimmed.startsWith(`${definition.openMarker} `);
+    if (!exactMatch && !attributedMatch) return {
+        diagnostics: [],
+        token: null
+    };
+    const diagnostics = [
+        ...parsed.warnings,
+        ...findUnknownAttributes(definition, parsed.attributes).map((attribute)=>`Unknown attribute "${attribute}" on "${parsed.name}".`),
+        ...definition.validateAttributes?.({
+            name: parsed.name,
+            attributes: parsed.attributes
+        }) ?? []
+    ];
+    const token = {
+        name: parsed.name,
+        type: 'vlLayoutToken',
+        action: 'open',
+        attributes: parsed.attributes
+    };
+    return {
+        diagnostics,
+        token
+    };
+}
+function parseMarkdownLine(text) {
+    return parseMarkdownLineDetailed(text).token;
+}
+export const layoutDirectiveRegistry = {
+    all: directiveDefinitions,
+    get: getDirectiveDefinition,
+    getPublicDefinitions,
+    isGridName (name) {
+        return name === '2col' || name === '3col';
+    },
+    isSupportedDirectiveName,
+    parseMarkdownLine,
+    parseMarkdownLineDetailed
+};
+
+//# sourceMappingURL=registry.js.map

package/dist/directives/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/directives/registry.ts"],"sourcesContent":["import type {\n  GridDirectiveName,\n  LayoutDirectiveDefinition,\n  LayoutName,\n  LayoutToken,\n  MarkdownDirectiveName,\n} from './types.js'\n\nimport { parseDirectiveLine } from './attributes.js'\nimport { calloutDirective } from './definitions/callout.js'\nimport { cardDirective } from './definitions/card.js'\nimport { cardsDirective } from './definitions/cards.js'\nimport { cellDirective } from './definitions/cell.js'\nimport { columnDirectives } from './definitions/columns.js'\nimport { detailsDirective } from './definitions/details.js'\nimport { sectionDirective } from './definitions/section.js'\nimport { stepsDirective } from './definitions/steps.js'\nimport { tabDirective } from './definitions/tab.js'\nimport { tabsDirective } from './definitions/tabs.js'\nimport { tocDirective } from './definitions/toc.js'\n\nconst directiveDefinitions = [\n  sectionDirective,\n  ...columnDirectives,\n  cellDirective,\n  calloutDirective,\n  detailsDirective,\n  tocDirective,\n  stepsDirective,\n  cardsDirective,\n  cardDirective,\n  tabsDirective,\n  tabDirective,\n] as const satisfies readonly LayoutDirectiveDefinition[]\n\nconst closeMarkers = new Map<string, LayoutToken>([\n  [':::', { type: 'vlLayoutToken', action: 'close' }],\n  [':::end', { type: 'vlLayoutToken', action: 'closeSection' }],\n  [':::endcol', { type: 'vlLayoutToken', action: 'closeGrid' }],\n  [':::endsection', { type: 'vlLayoutToken', action: 'closeSection' }],\n])\n\nfunction cloneToken(token: LayoutToken): LayoutToken {\n  return { ...token }\n}\n\ntype ParseMarkdownLineResult = {\n  diagnostics: string[]\n  token: LayoutToken | null\n}\n\nfunction isLayoutName(name: MarkdownDirectiveName): name is LayoutName {\n  return Boolean(directiveDefinitions.find((definition) => definition.name === name)?.openMarker)\n}\n\nfunction getDirectiveDefinition(name: string): LayoutDirectiveDefinition | undefined {\n  return directiveDefinitions.find((definition) => definition.name === name)\n}\n\nfunction isSupportedDirectiveName(name: string): name is MarkdownDirectiveName {\n  return directiveDefinitions.some((definition) => definition.name === name)\n}\n\nfunction getPublicDefinitions(): LayoutDirectiveDefinition[] {\n  return directiveDefinitions.filter((definition) => definition.public)\n}\n\nfunction findUnknownAttributes(\n  definition: LayoutDirectiveDefinition,\n  attributes: Record<string, boolean | string>,\n): string[] {\n  if (!definition.allowedAttributes) return []\n\n  return Object.keys(attributes).filter((attribute) => !definition.allowedAttributes?.includes(attribute))\n}\n\nfunction parseMarkdownLineDetailed(text: string): ParseMarkdownLineResult {\n  const trimmed = text.trim()\n  const closeToken = closeMarkers.get(trimmed)\n\n  if (closeToken)\n    return {\n      diagnostics: [],\n      token: cloneToken(closeToken),\n    }\n\n  const parsed = parseDirectiveLine(trimmed)\n  if (!parsed)\n    return {\n      diagnostics: trimmed.startsWith(':::')\n        ? ['Malformed directive marker.']\n        : [],\n      token: null,\n    }\n\n  if (!isSupportedDirectiveName(parsed.name))\n    return {\n      diagnostics: [`Unknown directive \"${parsed.name}\".`],\n      token: null,\n    }\n\n  if (!isLayoutName(parsed.name))\n    return {\n      diagnostics: [],\n      token: null,\n    }\n\n  const definition = getDirectiveDefinition(parsed.name)\n  if (!definition?.openMarker)\n    return {\n      diagnostics: [],\n      token: null,\n    }\n\n  if (!definition.supportsAttributes && parsed.rawAttributes)\n    return {\n      diagnostics: [`Directive \"${parsed.name}\" does not support attributes.`],\n      token: null,\n    }\n\n  const exactMatch = definition.openMarker === trimmed\n  const attributedMatch =\n    definition.supportsAttributes &&\n    trimmed.startsWith(`${definition.openMarker} `)\n\n  if (!exactMatch && !attributedMatch)\n    return {\n      diagnostics: [],\n      token: null,\n    }\n\n  const diagnostics = [\n    ...parsed.warnings,\n    ...findUnknownAttributes(definition, parsed.attributes).map(\n      (attribute) => `Unknown attribute \"${attribute}\" on \"${parsed.name}\".`,\n    ),\n    ...(definition.validateAttributes?.({\n      name: parsed.name,\n      attributes: parsed.attributes,\n    }) ?? []),\n  ]\n\n  const token: LayoutToken = {\n    name: parsed.name,\n    type: 'vlLayoutToken',\n    action: 'open',\n    attributes: parsed.attributes,\n  }\n\n  return {\n    diagnostics,\n    token,\n  }\n}\n\nfunction parseMarkdownLine(text: string): LayoutToken | null {\n  return parseMarkdownLineDetailed(text).token\n}\n\nexport const layoutDirectiveRegistry = {\n  all: directiveDefinitions,\n\n  get: getDirectiveDefinition,\n\n  getPublicDefinitions,\n\n  isGridName(name: string | undefined): name is GridDirectiveName {\n    return name === '2col' || name === '3col'\n  },\n\n  isSupportedDirectiveName,\n\n  parseMarkdownLine,\n\n  parseMarkdownLineDetailed,\n}\n\nexport type { GridDirectiveName, LayoutName, LayoutToken, MarkdownDirectiveName }\n"],"names":["parseDirectiveLine","calloutDirective","cardDirective","cardsDirective","cellDirective","columnDirectives","detailsDirective","sectionDirective","stepsDirective","tabDirective","tabsDirective","tocDirective","directiveDefinitions","closeMarkers","Map","type","action","cloneToken","token","isLayoutName","name","Boolean","find","definition","openMarker","getDirectiveDefinition","isSupportedDirectiveName","some","getPublicDefinitions","filter","public","findUnknownAttributes","attributes","allowedAttributes","Object","keys","attribute","includes","parseMarkdownLineDetailed","text","trimmed","trim","closeToken","get","diagnostics","parsed","startsWith","supportsAttributes","rawAttributes","exactMatch","attributedMatch","warnings","map","validateAttributes","parseMarkdownLine","layoutDirectiveRegistry","all","isGridName"],"mappings":"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"}

package/dist/directives/renderData.d.ts

@@ -0,0 +1,3 @@
+import type { ContainerDirective } from 'mdast-util-directive';
+import type { LayoutDirectiveDefinition } from './types.js';
+export declare function setDirectiveRenderData(node: ContainerDirective, definition: LayoutDirectiveDefinition, extraProperties?: Record<string, unknown>): void;

package/dist/directives/renderData.js

@@ -0,0 +1,11 @@
+export function setDirectiveRenderData(node, definition, extraProperties) {
+    const data = node.data ??= {};
+    data.hName = definition.tagName;
+    data.hProperties = {
+        ...data.hProperties ?? {},
+        dataVlLayout: definition.name,
+        ...extraProperties ?? {}
+    };
+}
+
+//# sourceMappingURL=renderData.js.map

package/dist/directives/renderData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/directives/renderData.ts"],"sourcesContent":["import type { ContainerDirective } from 'mdast-util-directive'\n\nimport type { LayoutDirectiveDefinition } from './types.js'\n\nexport function setDirectiveRenderData(\n  node: ContainerDirective,\n  definition: LayoutDirectiveDefinition,\n  extraProperties?: Record<string, unknown>,\n) {\n  const data = (node.data ??= {})\n\n  data.hName = definition.tagName\n  data.hProperties = {\n    ...(data.hProperties ?? {}),\n    dataVlLayout: definition.name,\n    ...(extraProperties ?? {}),\n  }\n}\n"],"names":["setDirectiveRenderData","node","definition","extraProperties","data","hName","tagName","hProperties","dataVlLayout","name"],"mappings":"AAIA,OAAO,SAASA,uBACdC,IAAwB,EACxBC,UAAqC,EACrCC,eAAyC;IAEzC,MAAMC,OAAQH,KAAKG,IAAI,KAAK,CAAC;IAE7BA,KAAKC,KAAK,GAAGH,WAAWI,OAAO;IAC/BF,KAAKG,WAAW,GAAG;QACjB,GAAIH,KAAKG,WAAW,IAAI,CAAC,CAAC;QAC1BC,cAAcN,WAAWO,IAAI;QAC7B,GAAIN,mBAAmB,CAAC,CAAC;IAC3B;AACF"}

package/dist/directives/themes.d.ts

@@ -0,0 +1,25 @@
+import type { MarkdownDirectiveTheme, MarkdownDirectiveThemes } from '../types/core.js';
+export type DirectiveThemeGroupName = keyof MarkdownDirectiveThemes;
+export type ResolvedDirectiveTheme = {
+    classes: string;
+    hookClassName: string;
+    modifierClassName: string;
+    name: string;
+};
+export declare const DEFAULT_CARD_THEMES: MarkdownDirectiveTheme[];
+export declare const DEFAULT_CARDS_THEMES: MarkdownDirectiveTheme[];
+export declare const DEFAULT_STEPS_THEMES: MarkdownDirectiveTheme[];
+export declare const DEFAULT_TABS_THEMES: MarkdownDirectiveTheme[];
+export declare const DEFAULT_TAB_THEMES: MarkdownDirectiveTheme[];
+export declare const DEFAULT_CALLOUT_THEMES: MarkdownDirectiveTheme[];
+export declare const DEFAULT_DETAILS_THEMES: MarkdownDirectiveTheme[];
+export declare const DEFAULT_TOC_THEMES: MarkdownDirectiveTheme[];
+export declare const DEFAULT_SECTION_THEMES: MarkdownDirectiveTheme[];
+export declare const DEFAULT_COLUMNS_THEMES: MarkdownDirectiveTheme[];
+export declare const DEFAULT_CELL_THEMES: MarkdownDirectiveTheme[];
+export declare const DEFAULT_DIRECTIVE_THEMES: Record<DirectiveThemeGroupName, MarkdownDirectiveTheme[]>;
+export declare function slugThemeName(name: string): string;
+export declare function getDirectiveThemeNames(groupName: DirectiveThemeGroupName, themes?: MarkdownDirectiveThemes): string[];
+export declare function hasDirectiveTheme(groupName: DirectiveThemeGroupName, name: string, themes?: MarkdownDirectiveThemes): boolean;
+export declare function resolveDirectiveTheme(groupName: DirectiveThemeGroupName, requestedName?: string, themes?: MarkdownDirectiveThemes): ResolvedDirectiveTheme;
+export declare function mergeMarkdownDirectiveThemes(...themes: Array<MarkdownDirectiveThemes | undefined>): MarkdownDirectiveThemes | undefined;

package/dist/directives/themes.js

@@ -0,0 +1,274 @@
+import { DIRECTIVE_SURFACE_BORDER_CLASS, DIRECTIVE_SURFACE_DIVIDER_CLASS, DIRECTIVE_SURFACE_GLASS_PANEL_CLASS, DIRECTIVE_SURFACE_MUTED_PANEL_CLASS, DIRECTIVE_SURFACE_PANEL_CLASS, DIRECTIVE_SURFACE_SOFT_PANEL_CLASS, DIRECTIVE_SURFACE_SOFT_SHADOW_CLASS } from '../styles/directiveSurface.js';
+export const DEFAULT_CARD_THEMES = [
+    {
+        name: 'default',
+        classes: `group rounded-2xl ${DIRECTIVE_SURFACE_PANEL_CLASS} p-5 transition-colors`
+    },
+    {
+        name: 'muted',
+        classes: `group rounded-2xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-5`
+    },
+    {
+        name: 'glass',
+        classes: `group rounded-2xl ${DIRECTIVE_SURFACE_GLASS_PANEL_CLASS} p-5`
+    },
+    {
+        name: 'cyan',
+        classes: `group rounded-2xl ${DIRECTIVE_SURFACE_BORDER_CLASS} bg-cyan-950/15 p-5 ${DIRECTIVE_SURFACE_SOFT_SHADOW_CLASS}`
+    },
+    {
+        name: 'violet',
+        classes: `group rounded-2xl ${DIRECTIVE_SURFACE_BORDER_CLASS} bg-violet-950/15 p-5 ${DIRECTIVE_SURFACE_SOFT_SHADOW_CLASS}`
+    },
+    {
+        name: 'emerald',
+        classes: `group rounded-2xl ${DIRECTIVE_SURFACE_BORDER_CLASS} bg-emerald-950/15 p-5 ${DIRECTIVE_SURFACE_SOFT_SHADOW_CLASS}`
+    },
+    {
+        name: 'amber',
+        classes: `group rounded-2xl ${DIRECTIVE_SURFACE_BORDER_CLASS} bg-amber-950/15 p-5 ${DIRECTIVE_SURFACE_SOFT_SHADOW_CLASS}`
+    },
+    {
+        name: 'danger',
+        classes: `group rounded-2xl ${DIRECTIVE_SURFACE_BORDER_CLASS} bg-red-950/15 p-5 ${DIRECTIVE_SURFACE_SOFT_SHADOW_CLASS}`
+    }
+];
+export const DEFAULT_CARDS_THEMES = [
+    {
+        name: 'default',
+        classes: 'my-8 grid gap-4'
+    },
+    {
+        name: 'compact',
+        classes: 'my-6 grid gap-3'
+    },
+    {
+        name: 'spacious',
+        classes: 'my-10 grid gap-6'
+    },
+    {
+        name: 'feature-grid',
+        classes: 'my-10 grid gap-5'
+    }
+];
+export const DEFAULT_STEPS_THEMES = [
+    {
+        name: 'default',
+        classes: 'my-8'
+    },
+    {
+        name: 'muted',
+        classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_SOFT_PANEL_CLASS} p-5`
+    },
+    {
+        name: 'glass',
+        classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_GLASS_PANEL_CLASS} p-5`
+    },
+    {
+        name: 'cyan',
+        classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_BORDER_CLASS} bg-cyan-950/10 p-5`
+    }
+];
+export const DEFAULT_TABS_THEMES = [
+    {
+        name: 'default',
+        classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_PANEL_CLASS} p-2`
+    },
+    {
+        name: 'muted',
+        classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-2`
+    },
+    {
+        name: 'glass',
+        classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_GLASS_PANEL_CLASS} p-2`
+    },
+    {
+        name: 'underline',
+        classes: `my-8 border-b ${DIRECTIVE_SURFACE_DIVIDER_CLASS} pb-4`
+    },
+    {
+        name: 'pills',
+        classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-2`
+    }
+];
+export const DEFAULT_TAB_THEMES = [
+    {
+        name: 'default',
+        classes: `mt-4 rounded-xl ${DIRECTIVE_SURFACE_PANEL_CLASS} p-4`
+    },
+    {
+        name: 'muted',
+        classes: `mt-4 rounded-xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-4`
+    },
+    {
+        name: 'glass',
+        classes: `mt-4 rounded-xl ${DIRECTIVE_SURFACE_GLASS_PANEL_CLASS} p-4`
+    }
+];
+export const DEFAULT_CALLOUT_THEMES = [
+    {
+        name: 'soft',
+        classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_SOFT_PANEL_CLASS} px-4 py-3`
+    },
+    {
+        name: 'solid',
+        classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_PANEL_CLASS} px-4 py-3`
+    },
+    {
+        name: 'glass',
+        classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_GLASS_PANEL_CLASS} px-4 py-3`
+    }
+];
+export const DEFAULT_DETAILS_THEMES = [
+    {
+        name: 'default',
+        classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_PANEL_CLASS} px-4 py-3`
+    },
+    {
+        name: 'muted',
+        classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} px-4 py-3`
+    },
+    {
+        name: 'glass',
+        classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_GLASS_PANEL_CLASS} px-4 py-3`
+    }
+];
+export const DEFAULT_TOC_THEMES = [
+    {
+        name: 'default',
+        classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_PANEL_CLASS} px-4 py-3`
+    },
+    {
+        name: 'compact',
+        classes: `my-4 rounded-lg ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} px-3 py-2 text-sm`
+    },
+    {
+        name: 'sidebar',
+        classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} px-4 py-3`
+    }
+];
+export const DEFAULT_SECTION_THEMES = [
+    {
+        name: 'default',
+        classes: `w-full mx-0 my-12 rounded-xl ${DIRECTIVE_SURFACE_SOFT_PANEL_CLASS} p-6 backdrop-blur-2xl [&>h1]:my-2 [&>h1]:text-4xl [&>h1]:font-semibold [&>h2]:my-2 [&>h2]:text-4xl [&>h2]:font-semibold`
+    },
+    {
+        name: 'muted',
+        classes: `w-full mx-0 my-12 rounded-xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-6`
+    },
+    {
+        name: 'panel',
+        classes: `w-full mx-0 my-12 rounded-2xl ${DIRECTIVE_SURFACE_PANEL_CLASS} p-6`
+    }
+];
+export const DEFAULT_COLUMNS_THEMES = [
+    {
+        name: 'default',
+        classes: 'grid grid-cols-1 gap-6 w-full'
+    },
+    {
+        name: 'panel',
+        classes: `grid grid-cols-1 gap-6 w-full rounded-2xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-4`
+    }
+];
+export const DEFAULT_CELL_THEMES = [
+    {
+        name: 'default',
+        classes: 'flex flex-col w-full gap-2 [&>h2]:text-2xl [&>h2]:my-4 [&>h3]:text-xl [&>h3]:my-3 [&>h4]:text-lg [&>h4]:my-2'
+    },
+    {
+        name: 'panel',
+        classes: `flex flex-col w-full gap-2 rounded-xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-4 [&>h2]:text-2xl [&>h2]:my-4 [&>h3]:text-xl [&>h3]:my-3 [&>h4]:text-lg [&>h4]:my-2`
+    }
+];
+export const DEFAULT_DIRECTIVE_THEMES = {
+    callout: DEFAULT_CALLOUT_THEMES,
+    card: DEFAULT_CARD_THEMES,
+    cards: DEFAULT_CARDS_THEMES,
+    cell: DEFAULT_CELL_THEMES,
+    columns: DEFAULT_COLUMNS_THEMES,
+    details: DEFAULT_DETAILS_THEMES,
+    section: DEFAULT_SECTION_THEMES,
+    steps: DEFAULT_STEPS_THEMES,
+    tab: DEFAULT_TAB_THEMES,
+    tabs: DEFAULT_TABS_THEMES,
+    toc: DEFAULT_TOC_THEMES
+};
+function normalizeThemeGroup(group) {
+    if (!group) return {
+        extendDefaults: true,
+        items: []
+    };
+    if (Array.isArray(group)) return {
+        extendDefaults: true,
+        items: group
+    };
+    return {
+        extendDefaults: group.extendDefaults ?? true,
+        items: group.items ?? []
+    };
+}
+function getThemeItems(groupName, themes) {
+    const group = normalizeThemeGroup(themes?.[groupName]);
+    const items = group.extendDefaults ? [
+        ...DEFAULT_DIRECTIVE_THEMES[groupName]
+    ] : [];
+    const byName = new Map(items.map((theme)=>[
+            theme.name,
+            theme
+        ]));
+    for (const theme of group.items)byName.set(theme.name, theme);
+    return [
+        ...byName.values()
+    ];
+}
+export function slugThemeName(name) {
+    return name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '') || 'default';
+}
+export function getDirectiveThemeNames(groupName, themes) {
+    return getThemeItems(groupName, themes).map((theme)=>theme.name);
+}
+export function hasDirectiveTheme(groupName, name, themes) {
+    return getThemeItems(groupName, themes).some((theme)=>theme.name === name);
+}
+export function resolveDirectiveTheme(groupName, requestedName, themes) {
+    const items = getThemeItems(groupName, themes);
+    const requested = requestedName?.trim() || 'default';
+    const found = items.find((theme)=>theme.name === requested);
+    const fallback = items.find((theme)=>theme.name === 'default') ?? DEFAULT_DIRECTIVE_THEMES[groupName][0];
+    const resolved = found ?? fallback;
+    const slug = slugThemeName(resolved.name);
+    const hookClassName = `vl-md-${groupName}`;
+    return {
+        name: resolved.name,
+        classes: resolved.classes,
+        hookClassName,
+        modifierClassName: `${hookClassName}--theme-${slug}`
+    };
+}
+export function mergeMarkdownDirectiveThemes(...themes) {
+    const merged = {};
+    for (const themeConfig of themes){
+        if (!themeConfig) continue;
+        for (const groupName of Object.keys(DEFAULT_DIRECTIVE_THEMES)){
+            const next = themeConfig[groupName];
+            if (!next) continue;
+            const current = normalizeThemeGroup(merged[groupName]);
+            const incoming = normalizeThemeGroup(next);
+            const byName = new Map(current.items.map((theme)=>[
+                    theme.name,
+                    theme
+                ]));
+            for (const item of incoming.items)byName.set(item.name, item);
+            merged[groupName] = {
+                extendDefaults: incoming.extendDefaults,
+                items: [
+                    ...byName.values()
+                ]
+            };
+        }
+    }
+    return Object.keys(merged).length > 0 ? merged : undefined;
+}
+
+//# sourceMappingURL=themes.js.map

package/dist/directives/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/directives/themes.ts"],"sourcesContent":["import type {\n  MarkdownDirectiveTheme,\n  MarkdownDirectiveThemeGroup,\n  MarkdownDirectiveThemes,\n} from '../types/core.js'\n\nimport {\n  DIRECTIVE_SURFACE_BORDER_CLASS,\n  DIRECTIVE_SURFACE_DIVIDER_CLASS,\n  DIRECTIVE_SURFACE_GLASS_PANEL_CLASS,\n  DIRECTIVE_SURFACE_MUTED_PANEL_CLASS,\n  DIRECTIVE_SURFACE_PANEL_CLASS,\n  DIRECTIVE_SURFACE_SOFT_PANEL_CLASS,\n  DIRECTIVE_SURFACE_SOFT_SHADOW_CLASS,\n} from '../styles/directiveSurface.js'\n\nexport type DirectiveThemeGroupName = keyof MarkdownDirectiveThemes\n\nexport type ResolvedDirectiveTheme = {\n  classes: string\n  hookClassName: string\n  modifierClassName: string\n  name: string\n}\n\nexport const DEFAULT_CARD_THEMES: MarkdownDirectiveTheme[] = [\n  {\n    name: 'default',\n    classes:\n      `group rounded-2xl ${DIRECTIVE_SURFACE_PANEL_CLASS} p-5 transition-colors`,\n  },\n  {\n    name: 'muted',\n    classes: `group rounded-2xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-5`,\n  },\n  {\n    name: 'glass',\n    classes: `group rounded-2xl ${DIRECTIVE_SURFACE_GLASS_PANEL_CLASS} p-5`,\n  },\n  {\n    name: 'cyan',\n    classes:\n      `group rounded-2xl ${DIRECTIVE_SURFACE_BORDER_CLASS} bg-cyan-950/15 p-5 ${DIRECTIVE_SURFACE_SOFT_SHADOW_CLASS}`,\n  },\n  {\n    name: 'violet',\n    classes:\n      `group rounded-2xl ${DIRECTIVE_SURFACE_BORDER_CLASS} bg-violet-950/15 p-5 ${DIRECTIVE_SURFACE_SOFT_SHADOW_CLASS}`,\n  },\n  {\n    name: 'emerald',\n    classes:\n      `group rounded-2xl ${DIRECTIVE_SURFACE_BORDER_CLASS} bg-emerald-950/15 p-5 ${DIRECTIVE_SURFACE_SOFT_SHADOW_CLASS}`,\n  },\n  {\n    name: 'amber',\n    classes:\n      `group rounded-2xl ${DIRECTIVE_SURFACE_BORDER_CLASS} bg-amber-950/15 p-5 ${DIRECTIVE_SURFACE_SOFT_SHADOW_CLASS}`,\n  },\n  {\n    name: 'danger',\n    classes:\n      `group rounded-2xl ${DIRECTIVE_SURFACE_BORDER_CLASS} bg-red-950/15 p-5 ${DIRECTIVE_SURFACE_SOFT_SHADOW_CLASS}`,\n  },\n]\n\nexport const DEFAULT_CARDS_THEMES: MarkdownDirectiveTheme[] = [\n  { name: 'default', classes: 'my-8 grid gap-4' },\n  { name: 'compact', classes: 'my-6 grid gap-3' },\n  { name: 'spacious', classes: 'my-10 grid gap-6' },\n  { name: 'feature-grid', classes: 'my-10 grid gap-5' },\n]\n\nexport const DEFAULT_STEPS_THEMES: MarkdownDirectiveTheme[] = [\n  { name: 'default', classes: 'my-8' },\n  {\n    name: 'muted',\n    classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_SOFT_PANEL_CLASS} p-5`,\n  },\n  {\n    name: 'glass',\n    classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_GLASS_PANEL_CLASS} p-5`,\n  },\n  {\n    name: 'cyan',\n    classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_BORDER_CLASS} bg-cyan-950/10 p-5`,\n  },\n]\n\nexport const DEFAULT_TABS_THEMES: MarkdownDirectiveTheme[] = [\n  { name: 'default', classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_PANEL_CLASS} p-2` },\n  { name: 'muted', classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-2` },\n  {\n    name: 'glass',\n    classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_GLASS_PANEL_CLASS} p-2`,\n  },\n  { name: 'underline', classes: `my-8 border-b ${DIRECTIVE_SURFACE_DIVIDER_CLASS} pb-4` },\n  { name: 'pills', classes: `my-8 rounded-2xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-2` },\n]\n\nexport const DEFAULT_TAB_THEMES: MarkdownDirectiveTheme[] = [\n  { name: 'default', classes: `mt-4 rounded-xl ${DIRECTIVE_SURFACE_PANEL_CLASS} p-4` },\n  { name: 'muted', classes: `mt-4 rounded-xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-4` },\n  {\n    name: 'glass',\n    classes: `mt-4 rounded-xl ${DIRECTIVE_SURFACE_GLASS_PANEL_CLASS} p-4`,\n  },\n]\n\nexport const DEFAULT_CALLOUT_THEMES: MarkdownDirectiveTheme[] = [\n  { name: 'soft', classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_SOFT_PANEL_CLASS} px-4 py-3` },\n  { name: 'solid', classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_PANEL_CLASS} px-4 py-3` },\n  {\n    name: 'glass',\n    classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_GLASS_PANEL_CLASS} px-4 py-3`,\n  },\n]\n\nexport const DEFAULT_DETAILS_THEMES: MarkdownDirectiveTheme[] = [\n  { name: 'default', classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_PANEL_CLASS} px-4 py-3` },\n  { name: 'muted', classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} px-4 py-3` },\n  {\n    name: 'glass',\n    classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_GLASS_PANEL_CLASS} px-4 py-3`,\n  },\n]\n\nexport const DEFAULT_TOC_THEMES: MarkdownDirectiveTheme[] = [\n  { name: 'default', classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_PANEL_CLASS} px-4 py-3` },\n  { name: 'compact', classes: `my-4 rounded-lg ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} px-3 py-2 text-sm` },\n  { name: 'sidebar', classes: `my-6 rounded-xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} px-4 py-3` },\n]\n\nexport const DEFAULT_SECTION_THEMES: MarkdownDirectiveTheme[] = [\n  {\n    name: 'default',\n    classes:\n      `w-full mx-0 my-12 rounded-xl ${DIRECTIVE_SURFACE_SOFT_PANEL_CLASS} p-6 backdrop-blur-2xl [&>h1]:my-2 [&>h1]:text-4xl [&>h1]:font-semibold [&>h2]:my-2 [&>h2]:text-4xl [&>h2]:font-semibold`,\n  },\n  { name: 'muted', classes: `w-full mx-0 my-12 rounded-xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-6` },\n  { name: 'panel', classes: `w-full mx-0 my-12 rounded-2xl ${DIRECTIVE_SURFACE_PANEL_CLASS} p-6` },\n]\n\nexport const DEFAULT_COLUMNS_THEMES: MarkdownDirectiveTheme[] = [\n  { name: 'default', classes: 'grid grid-cols-1 gap-6 w-full' },\n  { name: 'panel', classes: `grid grid-cols-1 gap-6 w-full rounded-2xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-4` },\n]\n\nexport const DEFAULT_CELL_THEMES: MarkdownDirectiveTheme[] = [\n  {\n    name: 'default',\n    classes:\n      'flex flex-col w-full gap-2 [&>h2]:text-2xl [&>h2]:my-4 [&>h3]:text-xl [&>h3]:my-3 [&>h4]:text-lg [&>h4]:my-2',\n  },\n  {\n    name: 'panel',\n    classes:\n      `flex flex-col w-full gap-2 rounded-xl ${DIRECTIVE_SURFACE_MUTED_PANEL_CLASS} p-4 [&>h2]:text-2xl [&>h2]:my-4 [&>h3]:text-xl [&>h3]:my-3 [&>h4]:text-lg [&>h4]:my-2`,\n  },\n]\n\nexport const DEFAULT_DIRECTIVE_THEMES: Record<DirectiveThemeGroupName, MarkdownDirectiveTheme[]> = {\n  callout: DEFAULT_CALLOUT_THEMES,\n  card: DEFAULT_CARD_THEMES,\n  cards: DEFAULT_CARDS_THEMES,\n  cell: DEFAULT_CELL_THEMES,\n  columns: DEFAULT_COLUMNS_THEMES,\n  details: DEFAULT_DETAILS_THEMES,\n  section: DEFAULT_SECTION_THEMES,\n  steps: DEFAULT_STEPS_THEMES,\n  tab: DEFAULT_TAB_THEMES,\n  tabs: DEFAULT_TABS_THEMES,\n  toc: DEFAULT_TOC_THEMES,\n}\n\nfunction normalizeThemeGroup(\n  group?: MarkdownDirectiveThemeGroup,\n): { extendDefaults: boolean; items: MarkdownDirectiveTheme[] } {\n  if (!group) return { extendDefaults: true, items: [] }\n  if (Array.isArray(group)) return { extendDefaults: true, items: group }\n\n  return {\n    extendDefaults: group.extendDefaults ?? true,\n    items: group.items ?? [],\n  }\n}\n\nfunction getThemeItems(\n  groupName: DirectiveThemeGroupName,\n  themes?: MarkdownDirectiveThemes,\n): MarkdownDirectiveTheme[] {\n  const group = normalizeThemeGroup(themes?.[groupName])\n  const items = group.extendDefaults ? [...DEFAULT_DIRECTIVE_THEMES[groupName]] : []\n  const byName = new Map(items.map((theme) => [theme.name, theme]))\n\n  for (const theme of group.items) byName.set(theme.name, theme)\n\n  return [...byName.values()]\n}\n\nexport function slugThemeName(name: string): string {\n  return name\n    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/^-+|-+$/g, '') || 'default'\n}\n\nexport function getDirectiveThemeNames(\n  groupName: DirectiveThemeGroupName,\n  themes?: MarkdownDirectiveThemes,\n): string[] {\n  return getThemeItems(groupName, themes).map((theme) => theme.name)\n}\n\nexport function hasDirectiveTheme(\n  groupName: DirectiveThemeGroupName,\n  name: string,\n  themes?: MarkdownDirectiveThemes,\n): boolean {\n  return getThemeItems(groupName, themes).some((theme) => theme.name === name)\n}\n\nexport function resolveDirectiveTheme(\n  groupName: DirectiveThemeGroupName,\n  requestedName?: string,\n  themes?: MarkdownDirectiveThemes,\n): ResolvedDirectiveTheme {\n  const items = getThemeItems(groupName, themes)\n  const requested = requestedName?.trim() || 'default'\n  const found = items.find((theme) => theme.name === requested)\n  const fallback = items.find((theme) => theme.name === 'default') ?? DEFAULT_DIRECTIVE_THEMES[groupName][0]\n  const resolved = found ?? fallback\n  const slug = slugThemeName(resolved.name)\n  const hookClassName = `vl-md-${groupName}`\n\n  return {\n    name: resolved.name,\n    classes: resolved.classes,\n    hookClassName,\n    modifierClassName: `${hookClassName}--theme-${slug}`,\n  }\n}\n\nexport function mergeMarkdownDirectiveThemes(\n  ...themes: Array<MarkdownDirectiveThemes | undefined>\n): MarkdownDirectiveThemes | undefined {\n  const merged: MarkdownDirectiveThemes = {}\n\n  for (const themeConfig of themes) {\n    if (!themeConfig) continue\n\n    for (const groupName of Object.keys(DEFAULT_DIRECTIVE_THEMES) as DirectiveThemeGroupName[]) {\n      const next = themeConfig[groupName]\n      if (!next) continue\n\n      const current = normalizeThemeGroup(merged[groupName])\n      const incoming = normalizeThemeGroup(next)\n      const byName = new Map(current.items.map((theme) => [theme.name, theme]))\n\n      for (const item of incoming.items) byName.set(item.name, item)\n\n      merged[groupName] = {\n        extendDefaults: incoming.extendDefaults,\n        items: [...byName.values()],\n      }\n    }\n  }\n\n  return Object.keys(merged).length > 0 ? merged : undefined\n}\n"],"names":["DIRECTIVE_SURFACE_BORDER_CLASS","DIRECTIVE_SURFACE_DIVIDER_CLASS","DIRECTIVE_SURFACE_GLASS_PANEL_CLASS","DIRECTIVE_SURFACE_MUTED_PANEL_CLASS","DIRECTIVE_SURFACE_PANEL_CLASS","DIRECTIVE_SURFACE_SOFT_PANEL_CLASS","DIRECTIVE_SURFACE_SOFT_SHADOW_CLASS","DEFAULT_CARD_THEMES","name","classes","DEFAULT_CARDS_THEMES","DEFAULT_STEPS_THEMES","DEFAULT_TABS_THEMES","DEFAULT_TAB_THEMES","DEFAULT_CALLOUT_THEMES","DEFAULT_DETAILS_THEMES","DEFAULT_TOC_THEMES","DEFAULT_SECTION_THEMES","DEFAULT_COLUMNS_THEMES","DEFAULT_CELL_THEMES","DEFAULT_DIRECTIVE_THEMES","callout","card","cards","cell","columns","details","section","steps","tab","tabs","toc","normalizeThemeGroup","group","extendDefaults","items","Array","isArray","getThemeItems","groupName","themes","byName","Map","map","theme","set","values","slugThemeName","replace","toLowerCase","getDirectiveThemeNames","hasDirectiveTheme","some","resolveDirectiveTheme","requestedName","requested","trim","found","find","fallback","resolved","slug","hookClassName","modifierClassName","mergeMarkdownDirectiveThemes","merged","themeConfig","Object","keys","next","current","incoming","item","length","undefined"],"mappings":"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"}

package/dist/directives/types.d.ts

@@ -0,0 +1,72 @@
+import type { Element, ElementContent } from 'hast';
+import type { ContainerDirective } from 'mdast-util-directive';
+import type { Data } from 'unist';
+import type { MarkdownRenderConfig } from '../types/core.js';
+import type { DirectiveThemeGroupName, ResolvedDirectiveTheme } from './themes.js';
+export type LayoutDirectiveName = '2col' | '3col' | 'cell' | 'section';
+export type StaticDirectiveName = 'callout' | 'card' | 'cards' | 'details' | 'steps' | 'tab' | 'tabs' | 'toc';
+export type MarkdownDirectiveName = LayoutDirectiveName | StaticDirectiveName;
+export type GridDirectiveName = '2col' | '3col';
+export type LayoutName = MarkdownDirectiveName;
+export type LayoutToken = {
+    action: 'close';
+    data?: Data;
+    type: 'vlLayoutToken';
+} | {
+    action: 'closeGrid';
+    data?: Data;
+    type: 'vlLayoutToken';
+} | {
+    action: 'closeSection';
+    data?: Data;
+    type: 'vlLayoutToken';
+} | {
+    action: 'open';
+    attributes?: Record<string, boolean | string>;
+    data?: Data;
+    name: LayoutName;
+    type: 'vlLayoutToken';
+};
+export type DirectiveChild = ContainerDirective['children'][number];
+export type LayoutDirectiveKind = 'callout' | 'card' | 'cards' | 'cell' | 'details' | 'grid' | 'section' | 'steps' | 'tab' | 'tabs' | 'toc';
+export type LayoutDirectiveRenderTagName = 'article' | 'details' | 'div' | 'nav' | 'section';
+export type LayoutDirectiveTransformContext = {
+    isSupportedDirectiveName: (name: string) => name is MarkdownDirectiveName;
+};
+export type LayoutDirectiveClassHelpers = {
+    groupChildrenIntoCells: (children: ElementContent[], columnClassName?: string, cellTheme?: ResolvedDirectiveTheme) => ElementContent[];
+    mergeClassNames: (...values: Array<string | undefined>) => string[];
+};
+export type LayoutDirectiveEditorMetadata = {
+    detail?: string;
+    label: string;
+    snippet: string;
+    snippets?: Array<{
+        detail?: string;
+        label: string;
+        snippet: string;
+    }>;
+};
+export type DirectiveValidationContext = {
+    attributes: Record<string, boolean | string>;
+    name: MarkdownDirectiveName;
+};
+export type LayoutDirectiveDefinition = {
+    allowedAttributes?: readonly string[];
+    applyHast?: (node: Element, config: MarkdownRenderConfig, helpers: LayoutDirectiveClassHelpers) => void;
+    attributeValues?: Partial<Record<string, readonly string[]>>;
+    defaultAttributes?: Record<string, string>;
+    description?: string;
+    editor: LayoutDirectiveEditorMetadata;
+    getMdastRenderProperties?: (node: ContainerDirective) => Record<string, unknown>;
+    kind: LayoutDirectiveKind;
+    name: MarkdownDirectiveName;
+    openMarker?: `:::${string}`;
+    public?: boolean;
+    supportsAttributes?: boolean;
+    tagName: LayoutDirectiveRenderTagName;
+    themeAttributes?: Partial<Record<string, DirectiveThemeGroupName>>;
+    transformMdast?: (node: ContainerDirective, context: LayoutDirectiveTransformContext) => void;
+    validateAttributes?: (context: DirectiveValidationContext) => string[];
+    validateMdast?: (node: ContainerDirective) => string[];
+};

package/dist/directives/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/directives/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/directives/types.ts"],"sourcesContent":["import type { Element, ElementContent } from 'hast'\nimport type { ContainerDirective } from 'mdast-util-directive'\nimport type { Data } from 'unist'\n\nimport type { MarkdownRenderConfig } from '../types/core.js'\nimport type { DirectiveThemeGroupName, ResolvedDirectiveTheme } from './themes.js'\n\nexport type LayoutDirectiveName = '2col' | '3col' | 'cell' | 'section'\nexport type StaticDirectiveName =\n  | 'callout'\n  | 'card'\n  | 'cards'\n  | 'details'\n  | 'steps'\n  | 'tab'\n  | 'tabs'\n  | 'toc'\nexport type MarkdownDirectiveName = LayoutDirectiveName | StaticDirectiveName\nexport type GridDirectiveName = '2col' | '3col'\nexport type LayoutName = MarkdownDirectiveName\n\nexport type LayoutToken =\n  | {\n      action: 'close'\n      data?: Data\n      type: 'vlLayoutToken'\n    }\n  | {\n      action: 'closeGrid'\n      data?: Data\n      type: 'vlLayoutToken'\n    }\n  | {\n      action: 'closeSection'\n      data?: Data\n      type: 'vlLayoutToken'\n    }\n  | {\n      action: 'open'\n      attributes?: Record<string, boolean | string>\n      data?: Data\n      name: LayoutName\n      type: 'vlLayoutToken'\n    }\n\nexport type DirectiveChild = ContainerDirective['children'][number]\n\nexport type LayoutDirectiveKind =\n  | 'callout'\n  | 'card'\n  | 'cards'\n  | 'cell'\n  | 'details'\n  | 'grid'\n  | 'section'\n  | 'steps'\n  | 'tab'\n  | 'tabs'\n  | 'toc'\n\nexport type LayoutDirectiveRenderTagName =\n  | 'article'\n  | 'details'\n  | 'div'\n  | 'nav'\n  | 'section'\n\nexport type LayoutDirectiveTransformContext = {\n  isSupportedDirectiveName: (name: string) => name is MarkdownDirectiveName\n}\n\nexport type LayoutDirectiveClassHelpers = {\n  groupChildrenIntoCells: (\n    children: ElementContent[],\n    columnClassName?: string,\n    cellTheme?: ResolvedDirectiveTheme,\n  ) => ElementContent[]\n  mergeClassNames: (...values: Array<string | undefined>) => string[]\n}\n\nexport type LayoutDirectiveEditorMetadata = {\n  detail?: string\n  label: string\n  snippet: string\n  snippets?: Array<{\n    detail?: string\n    label: string\n    snippet: string\n  }>\n}\n\nexport type DirectiveValidationContext = {\n  attributes: Record<string, boolean | string>\n  name: MarkdownDirectiveName\n}\n\nexport type LayoutDirectiveDefinition = {\n  allowedAttributes?: readonly string[]\n  applyHast?: (\n    node: Element,\n    config: MarkdownRenderConfig,\n    helpers: LayoutDirectiveClassHelpers,\n  ) => void\n  attributeValues?: Partial<Record<string, readonly string[]>>\n  defaultAttributes?: Record<string, string>\n  description?: string\n  editor: LayoutDirectiveEditorMetadata\n  getMdastRenderProperties?: (node: ContainerDirective) => Record<string, unknown>\n  kind: LayoutDirectiveKind\n  name: MarkdownDirectiveName\n  openMarker?: `:::${string}`\n  public?: boolean\n  supportsAttributes?: boolean\n  tagName: LayoutDirectiveRenderTagName\n  themeAttributes?: Partial<Record<string, DirectiveThemeGroupName>>\n  transformMdast?: (\n    node: ContainerDirective,\n    context: LayoutDirectiveTransformContext,\n  ) => void\n  validateAttributes?: (context: DirectiveValidationContext) => string[]\n  validateMdast?: (node: ContainerDirective) => string[]\n}\n"],"names":[],"mappings":"AAgGA,WAyBC"}

package/dist/editor/MarkdownCodeMirror/Component.client.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type MarkdownCodeMirrorClientProps = {
+    onChangeAction: (value: string) => void;
+    placeholder?: string;
+    value?: string;
+};
+export declare const MarkdownCodeMirrorClient: React.FC<MarkdownCodeMirrorClientProps>;
+export {};