@valkyrianlabs/payload-markdown 1.3.1

package/dist/directives/attributes.js

@@ -0,0 +1,121 @@
+function stripEnclosingBraces(value) {
+    const trimmed = value.trim();
+    if (!trimmed) return {
+        value: '',
+        warnings: []
+    };
+    if (trimmed.startsWith('{') && trimmed.endsWith('}')) return {
+        value: trimmed.slice(1, -1).trim(),
+        warnings: []
+    };
+    if (trimmed.startsWith('{') || trimmed.endsWith('}')) return {
+        value: trimmed.replace(/^\{/, '').replace(/\}$/, '').trim(),
+        warnings: [
+            'Malformed directive attributes: braces must be balanced.'
+        ]
+    };
+    return {
+        value: trimmed,
+        warnings: []
+    };
+}
+function stripQuotes(value) {
+    if (value.startsWith('"') && value.endsWith('"') || value.startsWith("'") && value.endsWith("'")) return value.slice(1, -1);
+    return value;
+}
+function tokenizeAttributes(value) {
+    const tokens = [];
+    const warnings = [];
+    let current = '';
+    let quote = null;
+    for (const char of value){
+        if ((char === '"' || char === "'") && quote === null) {
+            quote = char;
+            current += char;
+            continue;
+        }
+        if (char === quote) {
+            quote = null;
+            current += char;
+            continue;
+        }
+        if (/\s/.test(char) && quote === null) {
+            if (current) tokens.push(current);
+            current = '';
+            continue;
+        }
+        current += char;
+    }
+    if (current) tokens.push(current);
+    if (quote) warnings.push('Malformed directive attributes: quoted value is not closed.');
+    return {
+        tokens,
+        warnings
+    };
+}
+function appendClassName(attributes, className) {
+    const existing = typeof attributes.class === 'string' ? attributes.class : '';
+    attributes.class = [
+        existing,
+        className
+    ].filter(Boolean).join(' ');
+}
+export function parseDirectiveAttributesDetailed(value = '') {
+    const stripped = stripEnclosingBraces(value);
+    const warnings = [
+        ...stripped.warnings
+    ];
+    if (!stripped.value) return {
+        attributes: {},
+        warnings
+    };
+    const attributes = {};
+    const tokenized = tokenizeAttributes(stripped.value);
+    warnings.push(...tokenized.warnings);
+    for (const token of tokenized.tokens){
+        if (token.startsWith('#') && token.length > 1) {
+            attributes.id = token.slice(1);
+            continue;
+        }
+        if (token.startsWith('.') && token.length > 1) {
+            appendClassName(attributes, token.slice(1));
+            continue;
+        }
+        const equalIndex = token.indexOf('=');
+        if (equalIndex < 0) {
+            attributes[token] = true;
+            continue;
+        }
+        const key = token.slice(0, equalIndex);
+        const rawValue = token.slice(equalIndex + 1);
+        if (!key) continue;
+        if (key === 'class') appendClassName(attributes, stripQuotes(rawValue));
+        else attributes[key] = stripQuotes(rawValue);
+    }
+    return {
+        attributes,
+        warnings
+    };
+}
+export function parseDirectiveAttributes(value = '') {
+    return parseDirectiveAttributesDetailed(value).attributes;
+}
+export function parseDirectiveLine(text) {
+    const trimmed = text.trim();
+    if (!trimmed.startsWith(':::')) return null;
+    const body = trimmed.slice(3);
+    if (!body) return null;
+    const firstWhitespaceIndex = body.search(/\s/);
+    const name = firstWhitespaceIndex < 0 ? body : body.slice(0, firstWhitespaceIndex);
+    if (!/^[\w-]+$/.test(name)) return null;
+    const rawAttributes = firstWhitespaceIndex < 0 ? undefined : body.slice(firstWhitespaceIndex).trim();
+    const attributes = parseDirectiveAttributesDetailed(rawAttributes);
+    return {
+        name,
+        attributes: attributes.attributes,
+        rawAttributes,
+        warnings: attributes.warnings
+    };
+}
+
+//# sourceMappingURL=attributes.js.map

package/dist/directives/attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/directives/attributes.ts"],"sourcesContent":["export type DirectiveAttributeValue = boolean | string\n\nexport type DirectiveAttributes = Record<string, DirectiveAttributeValue>\n\nexport type ParsedDirectiveLine = {\n  attributes: DirectiveAttributes\n  name: string\n  rawAttributes?: string\n  warnings: string[]\n}\n\ntype TokenizeAttributesResult = {\n  tokens: string[]\n  warnings: string[]\n}\n\nfunction stripEnclosingBraces(value: string): { value: string; warnings: string[] } {\n  const trimmed = value.trim()\n\n  if (!trimmed) return { value: '', warnings: [] }\n\n  if (trimmed.startsWith('{') && trimmed.endsWith('}'))\n    return { value: trimmed.slice(1, -1).trim(), warnings: [] }\n\n  if (trimmed.startsWith('{') || trimmed.endsWith('}'))\n    return {\n      value: trimmed.replace(/^\\{/, '').replace(/\\}$/, '').trim(),\n      warnings: ['Malformed directive attributes: braces must be balanced.'],\n    }\n\n  return { value: trimmed, warnings: [] }\n}\n\nfunction stripQuotes(value: string): string {\n  if (\n    (value.startsWith('\"') && value.endsWith('\"')) ||\n    (value.startsWith(\"'\") && value.endsWith(\"'\"))\n  )\n    return value.slice(1, -1)\n\n  return value\n}\n\nfunction tokenizeAttributes(value: string): TokenizeAttributesResult {\n  const tokens: string[] = []\n  const warnings: string[] = []\n  let current = ''\n  let quote: \"'\" | '\"' | null = null\n\n  for (const char of value) {\n    if ((char === '\"' || char === \"'\") && quote === null) {\n      quote = char\n      current += char\n      continue\n    }\n\n    if (char === quote) {\n      quote = null\n      current += char\n      continue\n    }\n\n    if (/\\s/.test(char) && quote === null) {\n      if (current) tokens.push(current)\n      current = ''\n      continue\n    }\n\n    current += char\n  }\n\n  if (current) tokens.push(current)\n  if (quote) warnings.push('Malformed directive attributes: quoted value is not closed.')\n\n  return { tokens, warnings }\n}\n\nfunction appendClassName(attributes: DirectiveAttributes, className: string) {\n  const existing = typeof attributes.class === 'string' ? attributes.class : ''\n  attributes.class = [existing, className].filter(Boolean).join(' ')\n}\n\nexport function parseDirectiveAttributesDetailed(value = ''): {\n  attributes: DirectiveAttributes\n  warnings: string[]\n} {\n  const stripped = stripEnclosingBraces(value)\n  const warnings = [...stripped.warnings]\n\n  if (!stripped.value)\n    return {\n      attributes: {},\n      warnings,\n    }\n\n  const attributes: DirectiveAttributes = {}\n  const tokenized = tokenizeAttributes(stripped.value)\n  warnings.push(...tokenized.warnings)\n\n  for (const token of tokenized.tokens) {\n    if (token.startsWith('#') && token.length > 1) {\n      attributes.id = token.slice(1)\n      continue\n    }\n\n    if (token.startsWith('.') && token.length > 1) {\n      appendClassName(attributes, token.slice(1))\n      continue\n    }\n\n    const equalIndex = token.indexOf('=')\n\n    if (equalIndex < 0) {\n      attributes[token] = true\n      continue\n    }\n\n    const key = token.slice(0, equalIndex)\n    const rawValue = token.slice(equalIndex + 1)\n\n    if (!key) continue\n\n    if (key === 'class') appendClassName(attributes, stripQuotes(rawValue))\n    else attributes[key] = stripQuotes(rawValue)\n  }\n\n  return {\n    attributes,\n    warnings,\n  }\n}\n\nexport function parseDirectiveAttributes(value = ''): DirectiveAttributes {\n  return parseDirectiveAttributesDetailed(value).attributes\n}\n\nexport function parseDirectiveLine(text: string): null | ParsedDirectiveLine {\n  const trimmed = text.trim()\n\n  if (!trimmed.startsWith(':::')) return null\n\n  const body = trimmed.slice(3)\n  if (!body) return null\n\n  const firstWhitespaceIndex = body.search(/\\s/)\n  const name = firstWhitespaceIndex < 0 ? body : body.slice(0, firstWhitespaceIndex)\n\n  if (!/^[\\w-]+$/.test(name)) return null\n\n  const rawAttributes =\n    firstWhitespaceIndex < 0 ? undefined : body.slice(firstWhitespaceIndex).trim()\n\n  const attributes = parseDirectiveAttributesDetailed(rawAttributes)\n\n  return {\n    name,\n    attributes: attributes.attributes,\n    rawAttributes,\n    warnings: attributes.warnings,\n  }\n}\n"],"names":["stripEnclosingBraces","value","trimmed","trim","warnings","startsWith","endsWith","slice","replace","stripQuotes","tokenizeAttributes","tokens","current","quote","char","test","push","appendClassName","attributes","className","existing","class","filter","Boolean","join","parseDirectiveAttributesDetailed","stripped","tokenized","token","length","id","equalIndex","indexOf","key","rawValue","parseDirectiveAttributes","parseDirectiveLine","text","body","firstWhitespaceIndex","search","name","rawAttributes","undefined"],"mappings":"AAgBA,SAASA,qBAAqBC,KAAa;IACzC,MAAMC,UAAUD,MAAME,IAAI;IAE1B,IAAI,CAACD,SAAS,OAAO;QAAED,OAAO;QAAIG,UAAU,EAAE;IAAC;IAE/C,IAAIF,QAAQG,UAAU,CAAC,QAAQH,QAAQI,QAAQ,CAAC,MAC9C,OAAO;QAAEL,OAAOC,QAAQK,KAAK,CAAC,GAAG,CAAC,GAAGJ,IAAI;QAAIC,UAAU,EAAE;IAAC;IAE5D,IAAIF,QAAQG,UAAU,CAAC,QAAQH,QAAQI,QAAQ,CAAC,MAC9C,OAAO;QACLL,OAAOC,QAAQM,OAAO,CAAC,OAAO,IAAIA,OAAO,CAAC,OAAO,IAAIL,IAAI;QACzDC,UAAU;YAAC;SAA2D;IACxE;IAEF,OAAO;QAAEH,OAAOC;QAASE,UAAU,EAAE;IAAC;AACxC;AAEA,SAASK,YAAYR,KAAa;IAChC,IACE,AAACA,MAAMI,UAAU,CAAC,QAAQJ,MAAMK,QAAQ,CAAC,QACxCL,MAAMI,UAAU,CAAC,QAAQJ,MAAMK,QAAQ,CAAC,MAEzC,OAAOL,MAAMM,KAAK,CAAC,GAAG,CAAC;IAEzB,OAAON;AACT;AAEA,SAASS,mBAAmBT,KAAa;IACvC,MAAMU,SAAmB,EAAE;IAC3B,MAAMP,WAAqB,EAAE;IAC7B,IAAIQ,UAAU;IACd,IAAIC,QAA0B;IAE9B,KAAK,MAAMC,QAAQb,MAAO;QACxB,IAAI,AAACa,CAAAA,SAAS,OAAOA,SAAS,GAAE,KAAMD,UAAU,MAAM;YACpDA,QAAQC;YACRF,WAAWE;YACX;QACF;QAEA,IAAIA,SAASD,OAAO;YAClBA,QAAQ;YACRD,WAAWE;YACX;QACF;QAEA,IAAI,KAAKC,IAAI,CAACD,SAASD,UAAU,MAAM;YACrC,IAAID,SAASD,OAAOK,IAAI,CAACJ;YACzBA,UAAU;YACV;QACF;QAEAA,WAAWE;IACb;IAEA,IAAIF,SAASD,OAAOK,IAAI,CAACJ;IACzB,IAAIC,OAAOT,SAASY,IAAI,CAAC;IAEzB,OAAO;QAAEL;QAAQP;IAAS;AAC5B;AAEA,SAASa,gBAAgBC,UAA+B,EAAEC,SAAiB;IACzE,MAAMC,WAAW,OAAOF,WAAWG,KAAK,KAAK,WAAWH,WAAWG,KAAK,GAAG;IAC3EH,WAAWG,KAAK,GAAG;QAACD;QAAUD;KAAU,CAACG,MAAM,CAACC,SAASC,IAAI,CAAC;AAChE;AAEA,OAAO,SAASC,iCAAiCxB,QAAQ,EAAE;IAIzD,MAAMyB,WAAW1B,qBAAqBC;IACtC,MAAMG,WAAW;WAAIsB,SAAStB,QAAQ;KAAC;IAEvC,IAAI,CAACsB,SAASzB,KAAK,EACjB,OAAO;QACLiB,YAAY,CAAC;QACbd;IACF;IAEF,MAAMc,aAAkC,CAAC;IACzC,MAAMS,YAAYjB,mBAAmBgB,SAASzB,KAAK;IACnDG,SAASY,IAAI,IAAIW,UAAUvB,QAAQ;IAEnC,KAAK,MAAMwB,SAASD,UAAUhB,MAAM,CAAE;QACpC,IAAIiB,MAAMvB,UAAU,CAAC,QAAQuB,MAAMC,MAAM,GAAG,GAAG;YAC7CX,WAAWY,EAAE,GAAGF,MAAMrB,KAAK,CAAC;YAC5B;QACF;QAEA,IAAIqB,MAAMvB,UAAU,CAAC,QAAQuB,MAAMC,MAAM,GAAG,GAAG;YAC7CZ,gBAAgBC,YAAYU,MAAMrB,KAAK,CAAC;YACxC;QACF;QAEA,MAAMwB,aAAaH,MAAMI,OAAO,CAAC;QAEjC,IAAID,aAAa,GAAG;YAClBb,UAAU,CAACU,MAAM,GAAG;YACpB;QACF;QAEA,MAAMK,MAAML,MAAMrB,KAAK,CAAC,GAAGwB;QAC3B,MAAMG,WAAWN,MAAMrB,KAAK,CAACwB,aAAa;QAE1C,IAAI,CAACE,KAAK;QAEV,IAAIA,QAAQ,SAAShB,gBAAgBC,YAAYT,YAAYyB;aACxDhB,UAAU,CAACe,IAAI,GAAGxB,YAAYyB;IACrC;IAEA,OAAO;QACLhB;QACAd;IACF;AACF;AAEA,OAAO,SAAS+B,yBAAyBlC,QAAQ,EAAE;IACjD,OAAOwB,iCAAiCxB,OAAOiB,UAAU;AAC3D;AAEA,OAAO,SAASkB,mBAAmBC,IAAY;IAC7C,MAAMnC,UAAUmC,KAAKlC,IAAI;IAEzB,IAAI,CAACD,QAAQG,UAAU,CAAC,QAAQ,OAAO;IAEvC,MAAMiC,OAAOpC,QAAQK,KAAK,CAAC;IAC3B,IAAI,CAAC+B,MAAM,OAAO;IAElB,MAAMC,uBAAuBD,KAAKE,MAAM,CAAC;IACzC,MAAMC,OAAOF,uBAAuB,IAAID,OAAOA,KAAK/B,KAAK,CAAC,GAAGgC;IAE7D,IAAI,CAAC,WAAWxB,IAAI,CAAC0B,OAAO,OAAO;IAEnC,MAAMC,gBACJH,uBAAuB,IAAII,YAAYL,KAAK/B,KAAK,CAACgC,sBAAsBpC,IAAI;IAE9E,MAAMe,aAAaO,iCAAiCiB;IAEpD,OAAO;QACLD;QACAvB,YAAYA,WAAWA,UAAU;QACjCwB;QACAtC,UAAUc,WAAWd,QAAQ;IAC/B;AACF"}

package/dist/directives/definitions/callout.d.ts

@@ -0,0 +1,6 @@
+import type { ContainerDirective } from 'mdast-util-directive';
+import type { LayoutDirectiveDefinition } from '../types.js';
+export declare const CALLOUT_VARIANTS: readonly ["note", "info", "tip", "warning", "danger", "success"];
+export type CalloutVariant = (typeof CALLOUT_VARIANTS)[number];
+export declare function resolveCalloutVariant(node: ContainerDirective): CalloutVariant;
+export declare const calloutDirective: LayoutDirectiveDefinition;

package/dist/directives/definitions/callout.js

@@ -0,0 +1,107 @@
+import { resolveDirectiveTheme } from '../themes.js';
+export const CALLOUT_VARIANTS = [
+    'note',
+    'info',
+    'tip',
+    'warning',
+    'danger',
+    'success'
+];
+const calloutVariantClasses = {
+    danger: 'bg-red-500/10 text-red-50',
+    info: 'bg-sky-500/10 text-sky-50',
+    note: 'bg-slate-500/10 text-slate-50',
+    success: 'bg-emerald-500/10 text-emerald-50',
+    tip: 'bg-cyan-500/10 text-cyan-50',
+    warning: 'bg-amber-500/10 text-amber-50'
+};
+function isCalloutVariant(value) {
+    return typeof value === 'string' && CALLOUT_VARIANTS.includes(value);
+}
+export function resolveCalloutVariant(node) {
+    const variant = node.attributes?.variant;
+    return isCalloutVariant(variant) ? variant : 'note';
+}
+function getTitle(node) {
+    const title = node.attributes?.title;
+    return typeof title === 'string' && title.trim() ? title.trim() : undefined;
+}
+export const calloutDirective = {
+    name: 'callout',
+    allowedAttributes: [
+        'theme',
+        'title',
+        'variant'
+    ],
+    applyHast (node, config, { mergeClassNames }) {
+        const variant = typeof node.properties.dataVariant === 'string' ? node.properties.dataVariant : 'note';
+        const title = typeof node.properties.dataTitle === 'string' ? node.properties.dataTitle : undefined;
+        const theme = resolveDirectiveTheme('callout', typeof node.properties.dataTheme === 'string' ? node.properties.dataTheme : 'soft', config.themes);
+        const children = node.children;
+        node.properties.dataTheme = theme.name;
+        node.properties.className = mergeClassNames('not-prose', theme.hookClassName, theme.modifierClassName, theme.classes, calloutVariantClasses[isCalloutVariant(variant) ? variant : 'note']);
+        node.children = [
+            ...title ? [
+                {
+                    type: 'element',
+                    children: [
+                        {
+                            type: 'text',
+                            value: title
+                        }
+                    ],
+                    properties: {
+                        className: [
+                            'mb-2 text-sm font-semibold tracking-wide'
+                        ],
+                        dataDirectiveTitle: 'callout'
+                    },
+                    tagName: 'div'
+                }
+            ] : [],
+            {
+                type: 'element',
+                children,
+                properties: {
+                    className: [
+                        'space-y-3 [&>:first-child]:mt-0 [&>:last-child]:mb-0'
+                    ],
+                    dataDirectiveBody: 'callout'
+                },
+                tagName: 'div'
+            }
+        ];
+    },
+    defaultAttributes: {
+        variant: 'note'
+    },
+    description: 'Emphasized content block with note, info, tip, warning, danger, or success variants.',
+    editor: {
+        detail: 'Static directive',
+        label: 'Callout',
+        snippet: ':::callout {variant="${variant}" title="${Title}"}\n${Content}\n:::\n${}'
+    },
+    getMdastRenderProperties (node) {
+        return {
+            dataDirective: 'callout',
+            dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'soft',
+            dataTitle: getTitle(node),
+            dataVariant: resolveCalloutVariant(node)
+        };
+    },
+    kind: 'callout',
+    openMarker: ':::callout',
+    public: true,
+    supportsAttributes: true,
+    tagName: 'div',
+    themeAttributes: {
+        theme: 'callout'
+    },
+    validateAttributes ({ attributes }) {
+        const warnings = [];
+        if (typeof attributes.variant === 'string' && !isCalloutVariant(attributes.variant)) warnings.push(`Unsupported callout variant "${attributes.variant}". Falling back to "note".`);
+        return warnings;
+    }
+};
+
+//# sourceMappingURL=callout.js.map

package/dist/directives/definitions/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/directives/definitions/callout.ts"],"sourcesContent":["import type { ContainerDirective } from 'mdast-util-directive'\n\nimport type { LayoutDirectiveDefinition } from '../types.js'\n\nimport { resolveDirectiveTheme } from '../themes.js'\n\nexport const CALLOUT_VARIANTS = [\n  'note',\n  'info',\n  'tip',\n  'warning',\n  'danger',\n  'success',\n] as const\n\nexport type CalloutVariant = (typeof CALLOUT_VARIANTS)[number]\n\nconst calloutVariantClasses: Record<CalloutVariant, string> = {\n  danger: 'bg-red-500/10 text-red-50',\n  info: 'bg-sky-500/10 text-sky-50',\n  note: 'bg-slate-500/10 text-slate-50',\n  success: 'bg-emerald-500/10 text-emerald-50',\n  tip: 'bg-cyan-500/10 text-cyan-50',\n  warning: 'bg-amber-500/10 text-amber-50',\n}\n\nfunction isCalloutVariant(value: unknown): value is CalloutVariant {\n  return typeof value === 'string' && CALLOUT_VARIANTS.includes(value as CalloutVariant)\n}\n\nexport function resolveCalloutVariant(node: ContainerDirective): CalloutVariant {\n  const variant = node.attributes?.variant\n\n  return isCalloutVariant(variant) ? variant : 'note'\n}\n\nfunction getTitle(node: ContainerDirective): string | undefined {\n  const title = node.attributes?.title\n\n  return typeof title === 'string' && title.trim() ? title.trim() : undefined\n}\n\nexport const calloutDirective: LayoutDirectiveDefinition = {\n  name: 'callout',\n  allowedAttributes: ['theme', 'title', 'variant'],\n  applyHast(node, config, { mergeClassNames }) {\n    const variant = typeof node.properties.dataVariant === 'string' ? node.properties.dataVariant : 'note'\n    const title = typeof node.properties.dataTitle === 'string' ? node.properties.dataTitle : undefined\n    const theme = resolveDirectiveTheme(\n      'callout',\n      typeof node.properties.dataTheme === 'string' ? node.properties.dataTheme : 'soft',\n      config.themes,\n    )\n    const children = node.children\n\n    node.properties.dataTheme = theme.name\n    node.properties.className = mergeClassNames(\n      'not-prose',\n      theme.hookClassName,\n      theme.modifierClassName,\n      theme.classes,\n      calloutVariantClasses[isCalloutVariant(variant) ? variant : 'note'],\n    )\n\n    node.children = [\n      ...(title\n        ? [\n            {\n              type: 'element' as const,\n              children: [{ type: 'text' as const, value: title }],\n              properties: {\n                className: ['mb-2 text-sm font-semibold tracking-wide'],\n                dataDirectiveTitle: 'callout',\n              },\n              tagName: 'div',\n            },\n          ]\n        : []),\n      {\n        type: 'element',\n        children,\n        properties: {\n          className: ['space-y-3 [&>:first-child]:mt-0 [&>:last-child]:mb-0'],\n          dataDirectiveBody: 'callout',\n        },\n        tagName: 'div',\n      },\n    ]\n  },\n  defaultAttributes: {\n    variant: 'note',\n  },\n  description: 'Emphasized content block with note, info, tip, warning, danger, or success variants.',\n  editor: {\n    detail: 'Static directive',\n    label: 'Callout',\n    snippet: ':::callout {variant=\"${variant}\" title=\"${Title}\"}\\n${Content}\\n:::\\n${}',\n  },\n  getMdastRenderProperties(node) {\n    return {\n      dataDirective: 'callout',\n      dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'soft',\n      dataTitle: getTitle(node),\n      dataVariant: resolveCalloutVariant(node),\n    }\n  },\n  kind: 'callout',\n  openMarker: ':::callout',\n  public: true,\n  supportsAttributes: true,\n  tagName: 'div',\n  themeAttributes: {\n    theme: 'callout',\n  },\n  validateAttributes({ attributes }) {\n    const warnings: string[] = []\n\n    if (typeof attributes.variant === 'string' && !isCalloutVariant(attributes.variant))\n      warnings.push(\n        `Unsupported callout variant \"${attributes.variant}\". Falling back to \"note\".`,\n      )\n\n    return warnings\n  },\n}\n"],"names":["resolveDirectiveTheme","CALLOUT_VARIANTS","calloutVariantClasses","danger","info","note","success","tip","warning","isCalloutVariant","value","includes","resolveCalloutVariant","node","variant","attributes","getTitle","title","trim","undefined","calloutDirective","name","allowedAttributes","applyHast","config","mergeClassNames","properties","dataVariant","dataTitle","theme","dataTheme","themes","children","className","hookClassName","modifierClassName","classes","type","dataDirectiveTitle","tagName","dataDirectiveBody","defaultAttributes","description","editor","detail","label","snippet","getMdastRenderProperties","dataDirective","kind","openMarker","public","supportsAttributes","themeAttributes","validateAttributes","warnings","push"],"mappings":"AAIA,SAASA,qBAAqB,QAAQ,eAAc;AAEpD,OAAO,MAAMC,mBAAmB;IAC9B;IACA;IACA;IACA;IACA;IACA;CACD,CAAS;AAIV,MAAMC,wBAAwD;IAC5DC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNC,SAAS;IACTC,KAAK;IACLC,SAAS;AACX;AAEA,SAASC,iBAAiBC,KAAc;IACtC,OAAO,OAAOA,UAAU,YAAYT,iBAAiBU,QAAQ,CAACD;AAChE;AAEA,OAAO,SAASE,sBAAsBC,IAAwB;IAC5D,MAAMC,UAAUD,KAAKE,UAAU,EAAED;IAEjC,OAAOL,iBAAiBK,WAAWA,UAAU;AAC/C;AAEA,SAASE,SAASH,IAAwB;IACxC,MAAMI,QAAQJ,KAAKE,UAAU,EAAEE;IAE/B,OAAO,OAAOA,UAAU,YAAYA,MAAMC,IAAI,KAAKD,MAAMC,IAAI,KAAKC;AACpE;AAEA,OAAO,MAAMC,mBAA8C;IACzDC,MAAM;IACNC,mBAAmB;QAAC;QAAS;QAAS;KAAU;IAChDC,WAAUV,IAAI,EAAEW,MAAM,EAAE,EAAEC,eAAe,EAAE;QACzC,MAAMX,UAAU,OAAOD,KAAKa,UAAU,CAACC,WAAW,KAAK,WAAWd,KAAKa,UAAU,CAACC,WAAW,GAAG;QAChG,MAAMV,QAAQ,OAAOJ,KAAKa,UAAU,CAACE,SAAS,KAAK,WAAWf,KAAKa,UAAU,CAACE,SAAS,GAAGT;QAC1F,MAAMU,QAAQ7B,sBACZ,WACA,OAAOa,KAAKa,UAAU,CAACI,SAAS,KAAK,WAAWjB,KAAKa,UAAU,CAACI,SAAS,GAAG,QAC5EN,OAAOO,MAAM;QAEf,MAAMC,WAAWnB,KAAKmB,QAAQ;QAE9BnB,KAAKa,UAAU,CAACI,SAAS,GAAGD,MAAMR,IAAI;QACtCR,KAAKa,UAAU,CAACO,SAAS,GAAGR,gBAC1B,aACAI,MAAMK,aAAa,EACnBL,MAAMM,iBAAiB,EACvBN,MAAMO,OAAO,EACblC,qBAAqB,CAACO,iBAAiBK,WAAWA,UAAU,OAAO;QAGrED,KAAKmB,QAAQ,GAAG;eACVf,QACA;gBACE;oBACEoB,MAAM;oBACNL,UAAU;wBAAC;4BAAEK,MAAM;4BAAiB3B,OAAOO;wBAAM;qBAAE;oBACnDS,YAAY;wBACVO,WAAW;4BAAC;yBAA2C;wBACvDK,oBAAoB;oBACtB;oBACAC,SAAS;gBACX;aACD,GACD,EAAE;YACN;gBACEF,MAAM;gBACNL;gBACAN,YAAY;oBACVO,WAAW;wBAAC;qBAAuD;oBACnEO,mBAAmB;gBACrB;gBACAD,SAAS;YACX;SACD;IACH;IACAE,mBAAmB;QACjB3B,SAAS;IACX;IACA4B,aAAa;IACbC,QAAQ;QACNC,QAAQ;QACRC,OAAO;QACPC,SAAS;IACX;IACAC,0BAAyBlC,IAAI;QAC3B,OAAO;YACLmC,eAAe;YACflB,WAAW,OAAOjB,KAAKE,UAAU,EAAEc,UAAU,WAAWhB,KAAKE,UAAU,CAACc,KAAK,GAAG;YAChFD,WAAWZ,SAASH;YACpBc,aAAaf,sBAAsBC;QACrC;IACF;IACAoC,MAAM;IACNC,YAAY;IACZC,QAAQ;IACRC,oBAAoB;IACpBb,SAAS;IACTc,iBAAiB;QACfxB,OAAO;IACT;IACAyB,oBAAmB,EAAEvC,UAAU,EAAE;QAC/B,MAAMwC,WAAqB,EAAE;QAE7B,IAAI,OAAOxC,WAAWD,OAAO,KAAK,YAAY,CAACL,iBAAiBM,WAAWD,OAAO,GAChFyC,SAASC,IAAI,CACX,CAAC,6BAA6B,EAAEzC,WAAWD,OAAO,CAAC,0BAA0B,CAAC;QAGlF,OAAOyC;IACT;AACF,EAAC"}

package/dist/directives/definitions/card.d.ts

@@ -0,0 +1,4 @@
+import type { LayoutDirectiveDefinition } from '../types.js';
+export declare const CARD_BODY_CLASS_NAMES = "space-y-3 [&>:first-child]:mt-0 [&>:last-child]:mb-0";
+export declare const CARD_TITLE_CLASS_NAMES = "mb-3 text-lg font-semibold tracking-tight";
+export declare const cardDirective: LayoutDirectiveDefinition;

package/dist/directives/definitions/card.js

@@ -0,0 +1,120 @@
+import { resolveDirectiveTheme } from '../themes.js';
+export const CARD_BODY_CLASS_NAMES = 'space-y-3 [&>:first-child]:mt-0 [&>:last-child]:mb-0';
+export const CARD_TITLE_CLASS_NAMES = 'mb-3 text-lg font-semibold tracking-tight';
+function getAttribute(node, name) {
+    const value = node.attributes?.[name];
+    return typeof value === 'string' && value.trim() ? value.trim() : undefined;
+}
+function makeTitle(title, href) {
+    const children = href ? [
+        {
+            type: 'element',
+            children: [
+                {
+                    type: 'text',
+                    value: title
+                }
+            ],
+            properties: {
+                href
+            },
+            tagName: 'a'
+        }
+    ] : [
+        {
+            type: 'text',
+            value: title
+        }
+    ];
+    return {
+        type: 'element',
+        children,
+        properties: {
+            className: [
+                CARD_TITLE_CLASS_NAMES
+            ],
+            dataDirectiveTitle: 'card'
+        },
+        tagName: 'h3'
+    };
+}
+function makeEyebrow(eyebrow) {
+    return {
+        type: 'element',
+        children: [
+            {
+                type: 'text',
+                value: eyebrow
+            }
+        ],
+        properties: {
+            className: [
+                'mb-2 text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground'
+            ],
+            dataDirectiveEyebrow: 'card'
+        },
+        tagName: 'p'
+    };
+}
+export const cardDirective = {
+    name: 'card',
+    allowedAttributes: [
+        'eyebrow',
+        'href',
+        'theme',
+        'title'
+    ],
+    applyHast (node, config, { mergeClassNames }) {
+        const title = typeof node.properties.dataTitle === 'string' ? node.properties.dataTitle : undefined;
+        const href = typeof node.properties.dataHref === 'string' ? node.properties.dataHref : undefined;
+        const eyebrow = typeof node.properties.dataEyebrow === 'string' ? node.properties.dataEyebrow : undefined;
+        const theme = resolveDirectiveTheme('card', typeof node.properties.dataTheme === 'string' ? node.properties.dataTheme : undefined, config.themes);
+        const children = node.children;
+        node.properties.dataTheme = theme.name;
+        node.properties.className = mergeClassNames('not-prose', theme.hookClassName, theme.modifierClassName, theme.classes);
+        node.children = [
+            ...eyebrow ? [
+                makeEyebrow(eyebrow)
+            ] : [],
+            ...title ? [
+                makeTitle(title, href)
+            ] : [],
+            {
+                type: 'element',
+                children,
+                properties: {
+                    className: [
+                        CARD_BODY_CLASS_NAMES
+                    ],
+                    dataDirectiveBody: 'card'
+                },
+                tagName: 'div'
+            }
+        ];
+    },
+    description: 'Card content block with optional title, eyebrow, and title link.',
+    editor: {
+        detail: 'Layout directive',
+        label: 'Card',
+        snippet: ':::card {title="${Title}"}\n${Content}\n:::\n${}'
+    },
+    getMdastRenderProperties (node) {
+        return {
+            dataDirective: 'card',
+            dataEyebrow: getAttribute(node, 'eyebrow'),
+            dataHref: getAttribute(node, 'href'),
+            dataTheme: getAttribute(node, 'theme'),
+            dataTitle: getAttribute(node, 'title')
+        };
+    },
+    kind: 'card',
+    openMarker: ':::card',
+    public: true,
+    supportsAttributes: true,
+    tagName: 'article',
+    themeAttributes: {
+        theme: 'card'
+    }
+};
+
+//# sourceMappingURL=card.js.map

package/dist/directives/definitions/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/directives/definitions/card.ts"],"sourcesContent":["import type { Element, ElementContent } from 'hast'\nimport type { ContainerDirective } from 'mdast-util-directive'\n\nimport type { LayoutDirectiveDefinition } from '../types.js'\n\nimport { resolveDirectiveTheme } from '../themes.js'\n\nexport const CARD_BODY_CLASS_NAMES = 'space-y-3 [&>:first-child]:mt-0 [&>:last-child]:mb-0'\nexport const CARD_TITLE_CLASS_NAMES = 'mb-3 text-lg font-semibold tracking-tight'\n\nfunction getAttribute(node: ContainerDirective, name: string): string | undefined {\n  const value = node.attributes?.[name]\n\n  return typeof value === 'string' && value.trim() ? value.trim() : undefined\n}\n\nfunction makeTitle(title: string, href?: string): Element {\n  const children: ElementContent[] = href\n    ? [\n        {\n          type: 'element',\n          children: [{ type: 'text', value: title }],\n          properties: {\n            href,\n          },\n          tagName: 'a',\n        },\n      ]\n    : [{ type: 'text', value: title }]\n\n  return {\n    type: 'element',\n    children,\n    properties: {\n      className: [CARD_TITLE_CLASS_NAMES],\n      dataDirectiveTitle: 'card',\n    },\n    tagName: 'h3',\n  }\n}\n\nfunction makeEyebrow(eyebrow: string): Element {\n  return {\n    type: 'element',\n    children: [{ type: 'text', value: eyebrow }],\n    properties: {\n      className: ['mb-2 text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground'],\n      dataDirectiveEyebrow: 'card',\n    },\n    tagName: 'p',\n  }\n}\n\nexport const cardDirective: LayoutDirectiveDefinition = {\n  name: 'card',\n  allowedAttributes: ['eyebrow', 'href', 'theme', 'title'],\n  applyHast(node, config, { mergeClassNames }) {\n    const title = typeof node.properties.dataTitle === 'string' ? node.properties.dataTitle : undefined\n    const href = typeof node.properties.dataHref === 'string' ? node.properties.dataHref : undefined\n    const eyebrow =\n      typeof node.properties.dataEyebrow === 'string' ? node.properties.dataEyebrow : undefined\n    const theme = resolveDirectiveTheme(\n      'card',\n      typeof node.properties.dataTheme === 'string' ? node.properties.dataTheme : undefined,\n      config.themes,\n    )\n    const children = node.children\n\n    node.properties.dataTheme = theme.name\n    node.properties.className = mergeClassNames(\n      'not-prose',\n      theme.hookClassName,\n      theme.modifierClassName,\n      theme.classes,\n    )\n    node.children = [\n      ...(eyebrow ? [makeEyebrow(eyebrow)] : []),\n      ...(title ? [makeTitle(title, href)] : []),\n      {\n        type: 'element',\n        children,\n        properties: {\n          className: [CARD_BODY_CLASS_NAMES],\n          dataDirectiveBody: 'card',\n        },\n        tagName: 'div',\n      },\n    ]\n  },\n  description: 'Card content block with optional title, eyebrow, and title link.',\n  editor: {\n    detail: 'Layout directive',\n    label: 'Card',\n    snippet: ':::card {title=\"${Title}\"}\\n${Content}\\n:::\\n${}',\n  },\n  getMdastRenderProperties(node) {\n    return {\n      dataDirective: 'card',\n      dataEyebrow: getAttribute(node, 'eyebrow'),\n      dataHref: getAttribute(node, 'href'),\n      dataTheme: getAttribute(node, 'theme'),\n      dataTitle: getAttribute(node, 'title'),\n    }\n  },\n  kind: 'card',\n  openMarker: ':::card',\n  public: true,\n  supportsAttributes: true,\n  tagName: 'article',\n  themeAttributes: {\n    theme: 'card',\n  },\n}\n"],"names":["resolveDirectiveTheme","CARD_BODY_CLASS_NAMES","CARD_TITLE_CLASS_NAMES","getAttribute","node","name","value","attributes","trim","undefined","makeTitle","title","href","children","type","properties","tagName","className","dataDirectiveTitle","makeEyebrow","eyebrow","dataDirectiveEyebrow","cardDirective","allowedAttributes","applyHast","config","mergeClassNames","dataTitle","dataHref","dataEyebrow","theme","dataTheme","themes","hookClassName","modifierClassName","classes","dataDirectiveBody","description","editor","detail","label","snippet","getMdastRenderProperties","dataDirective","kind","openMarker","public","supportsAttributes","themeAttributes"],"mappings":"AAKA,SAASA,qBAAqB,QAAQ,eAAc;AAEpD,OAAO,MAAMC,wBAAwB,uDAAsD;AAC3F,OAAO,MAAMC,yBAAyB,4CAA2C;AAEjF,SAASC,aAAaC,IAAwB,EAAEC,IAAY;IAC1D,MAAMC,QAAQF,KAAKG,UAAU,EAAE,CAACF,KAAK;IAErC,OAAO,OAAOC,UAAU,YAAYA,MAAME,IAAI,KAAKF,MAAME,IAAI,KAAKC;AACpE;AAEA,SAASC,UAAUC,KAAa,EAAEC,IAAa;IAC7C,MAAMC,WAA6BD,OAC/B;QACE;YACEE,MAAM;YACND,UAAU;gBAAC;oBAAEC,MAAM;oBAAQR,OAAOK;gBAAM;aAAE;YAC1CI,YAAY;gBACVH;YACF;YACAI,SAAS;QACX;KACD,GACD;QAAC;YAAEF,MAAM;YAAQR,OAAOK;QAAM;KAAE;IAEpC,OAAO;QACLG,MAAM;QACND;QACAE,YAAY;YACVE,WAAW;gBAACf;aAAuB;YACnCgB,oBAAoB;QACtB;QACAF,SAAS;IACX;AACF;AAEA,SAASG,YAAYC,OAAe;IAClC,OAAO;QACLN,MAAM;QACND,UAAU;YAAC;gBAAEC,MAAM;gBAAQR,OAAOc;YAAQ;SAAE;QAC5CL,YAAY;YACVE,WAAW;gBAAC;aAA+E;YAC3FI,sBAAsB;QACxB;QACAL,SAAS;IACX;AACF;AAEA,OAAO,MAAMM,gBAA2C;IACtDjB,MAAM;IACNkB,mBAAmB;QAAC;QAAW;QAAQ;QAAS;KAAQ;IACxDC,WAAUpB,IAAI,EAAEqB,MAAM,EAAE,EAAEC,eAAe,EAAE;QACzC,MAAMf,QAAQ,OAAOP,KAAKW,UAAU,CAACY,SAAS,KAAK,WAAWvB,KAAKW,UAAU,CAACY,SAAS,GAAGlB;QAC1F,MAAMG,OAAO,OAAOR,KAAKW,UAAU,CAACa,QAAQ,KAAK,WAAWxB,KAAKW,UAAU,CAACa,QAAQ,GAAGnB;QACvF,MAAMW,UACJ,OAAOhB,KAAKW,UAAU,CAACc,WAAW,KAAK,WAAWzB,KAAKW,UAAU,CAACc,WAAW,GAAGpB;QAClF,MAAMqB,QAAQ9B,sBACZ,QACA,OAAOI,KAAKW,UAAU,CAACgB,SAAS,KAAK,WAAW3B,KAAKW,UAAU,CAACgB,SAAS,GAAGtB,WAC5EgB,OAAOO,MAAM;QAEf,MAAMnB,WAAWT,KAAKS,QAAQ;QAE9BT,KAAKW,UAAU,CAACgB,SAAS,GAAGD,MAAMzB,IAAI;QACtCD,KAAKW,UAAU,CAACE,SAAS,GAAGS,gBAC1B,aACAI,MAAMG,aAAa,EACnBH,MAAMI,iBAAiB,EACvBJ,MAAMK,OAAO;QAEf/B,KAAKS,QAAQ,GAAG;eACVO,UAAU;gBAACD,YAAYC;aAAS,GAAG,EAAE;eACrCT,QAAQ;gBAACD,UAAUC,OAAOC;aAAM,GAAG,EAAE;YACzC;gBACEE,MAAM;gBACND;gBACAE,YAAY;oBACVE,WAAW;wBAAChB;qBAAsB;oBAClCmC,mBAAmB;gBACrB;gBACApB,SAAS;YACX;SACD;IACH;IACAqB,aAAa;IACbC,QAAQ;QACNC,QAAQ;QACRC,OAAO;QACPC,SAAS;IACX;IACAC,0BAAyBtC,IAAI;QAC3B,OAAO;YACLuC,eAAe;YACfd,aAAa1B,aAAaC,MAAM;YAChCwB,UAAUzB,aAAaC,MAAM;YAC7B2B,WAAW5B,aAAaC,MAAM;YAC9BuB,WAAWxB,aAAaC,MAAM;QAChC;IACF;IACAwC,MAAM;IACNC,YAAY;IACZC,QAAQ;IACRC,oBAAoB;IACpB/B,SAAS;IACTgC,iBAAiB;QACflB,OAAO;IACT;AACF,EAAC"}

package/dist/directives/definitions/cards.d.ts

@@ -0,0 +1,7 @@
+import type { ContainerDirective } from 'mdast-util-directive';
+import type { LayoutDirectiveDefinition } from '../types.js';
+export declare const CARD_GRID_COLUMNS: readonly ["1", "2", "3", "4", "auto"];
+export declare const DEFAULT_CARD_GRID_COLUMNS = "3";
+export type CardGridColumns = (typeof CARD_GRID_COLUMNS)[number];
+export declare function resolveCardGridColumns(node: ContainerDirective): CardGridColumns;
+export declare const cardsDirective: LayoutDirectiveDefinition;

package/dist/directives/definitions/cards.js

@@ -0,0 +1,72 @@
+import { resolveDirectiveTheme } from '../themes.js';
+export const CARD_GRID_COLUMNS = [
+    '1',
+    '2',
+    '3',
+    '4',
+    'auto'
+];
+export const DEFAULT_CARD_GRID_COLUMNS = '3';
+const cardGridColumnClasses = {
+    '1': 'grid-cols-1',
+    '2': 'grid-cols-1 md:grid-cols-2',
+    '3': 'grid-cols-1 md:grid-cols-3',
+    '4': 'grid-cols-1 sm:grid-cols-2 xl:grid-cols-4',
+    auto: 'grid-cols-1 md:grid-cols-[repeat(auto-fit,minmax(16rem,1fr))]'
+};
+function isCardGridColumns(value) {
+    return typeof value === 'string' && CARD_GRID_COLUMNS.includes(value);
+}
+export function resolveCardGridColumns(node) {
+    const columns = node.attributes?.columns;
+    return isCardGridColumns(columns) ? columns : DEFAULT_CARD_GRID_COLUMNS;
+}
+export const cardsDirective = {
+    name: 'cards',
+    allowedAttributes: [
+        'cardTheme',
+        'columns',
+        'theme'
+    ],
+    applyHast (node, config, { mergeClassNames }) {
+        const columns = typeof node.properties.dataColumns === 'string' ? node.properties.dataColumns : DEFAULT_CARD_GRID_COLUMNS;
+        const theme = resolveDirectiveTheme('cards', typeof node.properties.dataTheme === 'string' ? node.properties.dataTheme : undefined, config.themes);
+        const cardTheme = typeof node.properties.dataCardTheme === 'string' ? node.properties.dataCardTheme : undefined;
+        for (const child of node.children)if (child.type === 'element' && child.properties?.dataVlLayout === 'card' && typeof child.properties.dataTheme !== 'string' && cardTheme) child.properties.dataTheme = cardTheme;
+        node.properties.dataTheme = theme.name;
+        node.properties.className = mergeClassNames('not-prose my-8 grid gap-4', theme.hookClassName, theme.modifierClassName, theme.classes, cardGridColumnClasses[isCardGridColumns(columns) ? columns : DEFAULT_CARD_GRID_COLUMNS]);
+    },
+    defaultAttributes: {
+        columns: DEFAULT_CARD_GRID_COLUMNS
+    },
+    description: 'Responsive card grid for docs and landing-page content.',
+    editor: {
+        detail: 'Layout directive',
+        label: 'Cards',
+        snippet: ':::cards {columns="${3}"}\n\n:::card {title="${Title}"}\n${Content}\n:::\n\n:::card {title="${Title}"}\n${Content}\n:::\n\n:::\n${}'
+    },
+    getMdastRenderProperties (node) {
+        return {
+            dataCardTheme: typeof node.attributes?.cardTheme === 'string' ? node.attributes.cardTheme : undefined,
+            dataColumns: resolveCardGridColumns(node),
+            dataDirective: 'cards',
+            dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'default'
+        };
+    },
+    kind: 'cards',
+    openMarker: ':::cards',
+    public: true,
+    supportsAttributes: true,
+    tagName: 'section',
+    themeAttributes: {
+        cardTheme: 'card',
+        theme: 'cards'
+    },
+    validateAttributes ({ attributes }) {
+        const warnings = [];
+        if (typeof attributes.columns === 'string' && !isCardGridColumns(attributes.columns)) warnings.push(`Invalid cards columns "${attributes.columns}". Falling back to "${DEFAULT_CARD_GRID_COLUMNS}".`);
+        return warnings;
+    }
+};
+
+//# sourceMappingURL=cards.js.map

package/dist/directives/definitions/cards.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/directives/definitions/cards.ts"],"sourcesContent":["import type { ContainerDirective } from 'mdast-util-directive'\n\nimport type { LayoutDirectiveDefinition } from '../types.js'\n\nimport { resolveDirectiveTheme } from '../themes.js'\n\nexport const CARD_GRID_COLUMNS = ['1', '2', '3', '4', 'auto'] as const\nexport const DEFAULT_CARD_GRID_COLUMNS = '3'\n\nexport type CardGridColumns = (typeof CARD_GRID_COLUMNS)[number]\n\nconst cardGridColumnClasses: Record<CardGridColumns, string> = {\n  '1': 'grid-cols-1',\n  '2': 'grid-cols-1 md:grid-cols-2',\n  '3': 'grid-cols-1 md:grid-cols-3',\n  '4': 'grid-cols-1 sm:grid-cols-2 xl:grid-cols-4',\n  auto: 'grid-cols-1 md:grid-cols-[repeat(auto-fit,minmax(16rem,1fr))]',\n}\n\nfunction isCardGridColumns(value: unknown): value is CardGridColumns {\n  return typeof value === 'string' && CARD_GRID_COLUMNS.includes(value as CardGridColumns)\n}\n\nexport function resolveCardGridColumns(node: ContainerDirective): CardGridColumns {\n  const columns = node.attributes?.columns\n\n  return isCardGridColumns(columns) ? columns : DEFAULT_CARD_GRID_COLUMNS\n}\n\nexport const cardsDirective: LayoutDirectiveDefinition = {\n  name: 'cards',\n  allowedAttributes: ['cardTheme', 'columns', 'theme'],\n  applyHast(node, config, { mergeClassNames }) {\n    const columns =\n      typeof node.properties.dataColumns === 'string'\n        ? node.properties.dataColumns\n        : DEFAULT_CARD_GRID_COLUMNS\n    const theme = resolveDirectiveTheme(\n      'cards',\n      typeof node.properties.dataTheme === 'string' ? node.properties.dataTheme : undefined,\n      config.themes,\n    )\n    const cardTheme =\n      typeof node.properties.dataCardTheme === 'string' ? node.properties.dataCardTheme : undefined\n\n    for (const child of node.children)\n      if (\n        child.type === 'element' &&\n        child.properties?.dataVlLayout === 'card' &&\n        typeof child.properties.dataTheme !== 'string' &&\n        cardTheme\n      )\n        child.properties.dataTheme = cardTheme\n\n    node.properties.dataTheme = theme.name\n    node.properties.className = mergeClassNames(\n      'not-prose my-8 grid gap-4',\n      theme.hookClassName,\n      theme.modifierClassName,\n      theme.classes,\n      cardGridColumnClasses[isCardGridColumns(columns) ? columns : DEFAULT_CARD_GRID_COLUMNS],\n    )\n  },\n  defaultAttributes: {\n    columns: DEFAULT_CARD_GRID_COLUMNS,\n  },\n  description: 'Responsive card grid for docs and landing-page content.',\n  editor: {\n    detail: 'Layout directive',\n    label: 'Cards',\n    snippet:\n      ':::cards {columns=\"${3}\"}\\n\\n:::card {title=\"${Title}\"}\\n${Content}\\n:::\\n\\n:::card {title=\"${Title}\"}\\n${Content}\\n:::\\n\\n:::\\n${}',\n  },\n  getMdastRenderProperties(node) {\n    return {\n      dataCardTheme: typeof node.attributes?.cardTheme === 'string' ? node.attributes.cardTheme : undefined,\n      dataColumns: resolveCardGridColumns(node),\n      dataDirective: 'cards',\n      dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'default',\n    }\n  },\n  kind: 'cards',\n  openMarker: ':::cards',\n  public: true,\n  supportsAttributes: true,\n  tagName: 'section',\n  themeAttributes: {\n    cardTheme: 'card',\n    theme: 'cards',\n  },\n  validateAttributes({ attributes }) {\n    const warnings: string[] = []\n\n    if (typeof attributes.columns === 'string' && !isCardGridColumns(attributes.columns))\n      warnings.push(\n        `Invalid cards columns \"${attributes.columns}\". Falling back to \"${DEFAULT_CARD_GRID_COLUMNS}\".`,\n      )\n\n    return warnings\n  },\n}\n"],"names":["resolveDirectiveTheme","CARD_GRID_COLUMNS","DEFAULT_CARD_GRID_COLUMNS","cardGridColumnClasses","auto","isCardGridColumns","value","includes","resolveCardGridColumns","node","columns","attributes","cardsDirective","name","allowedAttributes","applyHast","config","mergeClassNames","properties","dataColumns","theme","dataTheme","undefined","themes","cardTheme","dataCardTheme","child","children","type","dataVlLayout","className","hookClassName","modifierClassName","classes","defaultAttributes","description","editor","detail","label","snippet","getMdastRenderProperties","dataDirective","kind","openMarker","public","supportsAttributes","tagName","themeAttributes","validateAttributes","warnings","push"],"mappings":"AAIA,SAASA,qBAAqB,QAAQ,eAAc;AAEpD,OAAO,MAAMC,oBAAoB;IAAC;IAAK;IAAK;IAAK;IAAK;CAAO,CAAS;AACtE,OAAO,MAAMC,4BAA4B,IAAG;AAI5C,MAAMC,wBAAyD;IAC7D,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACLC,MAAM;AACR;AAEA,SAASC,kBAAkBC,KAAc;IACvC,OAAO,OAAOA,UAAU,YAAYL,kBAAkBM,QAAQ,CAACD;AACjE;AAEA,OAAO,SAASE,uBAAuBC,IAAwB;IAC7D,MAAMC,UAAUD,KAAKE,UAAU,EAAED;IAEjC,OAAOL,kBAAkBK,WAAWA,UAAUR;AAChD;AAEA,OAAO,MAAMU,iBAA4C;IACvDC,MAAM;IACNC,mBAAmB;QAAC;QAAa;QAAW;KAAQ;IACpDC,WAAUN,IAAI,EAAEO,MAAM,EAAE,EAAEC,eAAe,EAAE;QACzC,MAAMP,UACJ,OAAOD,KAAKS,UAAU,CAACC,WAAW,KAAK,WACnCV,KAAKS,UAAU,CAACC,WAAW,GAC3BjB;QACN,MAAMkB,QAAQpB,sBACZ,SACA,OAAOS,KAAKS,UAAU,CAACG,SAAS,KAAK,WAAWZ,KAAKS,UAAU,CAACG,SAAS,GAAGC,WAC5EN,OAAOO,MAAM;QAEf,MAAMC,YACJ,OAAOf,KAAKS,UAAU,CAACO,aAAa,KAAK,WAAWhB,KAAKS,UAAU,CAACO,aAAa,GAAGH;QAEtF,KAAK,MAAMI,SAASjB,KAAKkB,QAAQ,CAC/B,IACED,MAAME,IAAI,KAAK,aACfF,MAAMR,UAAU,EAAEW,iBAAiB,UACnC,OAAOH,MAAMR,UAAU,CAACG,SAAS,KAAK,YACtCG,WAEAE,MAAMR,UAAU,CAACG,SAAS,GAAGG;QAEjCf,KAAKS,UAAU,CAACG,SAAS,GAAGD,MAAMP,IAAI;QACtCJ,KAAKS,UAAU,CAACY,SAAS,GAAGb,gBAC1B,6BACAG,MAAMW,aAAa,EACnBX,MAAMY,iBAAiB,EACvBZ,MAAMa,OAAO,EACb9B,qBAAqB,CAACE,kBAAkBK,WAAWA,UAAUR,0BAA0B;IAE3F;IACAgC,mBAAmB;QACjBxB,SAASR;IACX;IACAiC,aAAa;IACbC,QAAQ;QACNC,QAAQ;QACRC,OAAO;QACPC,SACE;IACJ;IACAC,0BAAyB/B,IAAI;QAC3B,OAAO;YACLgB,eAAe,OAAOhB,KAAKE,UAAU,EAAEa,cAAc,WAAWf,KAAKE,UAAU,CAACa,SAAS,GAAGF;YAC5FH,aAAaX,uBAAuBC;YACpCgC,eAAe;YACfpB,WAAW,OAAOZ,KAAKE,UAAU,EAAES,UAAU,WAAWX,KAAKE,UAAU,CAACS,KAAK,GAAG;QAClF;IACF;IACAsB,MAAM;IACNC,YAAY;IACZC,QAAQ;IACRC,oBAAoB;IACpBC,SAAS;IACTC,iBAAiB;QACfvB,WAAW;QACXJ,OAAO;IACT;IACA4B,oBAAmB,EAAErC,UAAU,EAAE;QAC/B,MAAMsC,WAAqB,EAAE;QAE7B,IAAI,OAAOtC,WAAWD,OAAO,KAAK,YAAY,CAACL,kBAAkBM,WAAWD,OAAO,GACjFuC,SAASC,IAAI,CACX,CAAC,uBAAuB,EAAEvC,WAAWD,OAAO,CAAC,oBAAoB,EAAER,0BAA0B,EAAE,CAAC;QAGpG,OAAO+C;IACT;AACF,EAAC"}

package/dist/directives/definitions/cell.d.ts

@@ -0,0 +1,4 @@
+import type { ContainerDirective } from 'mdast-util-directive';
+import type { DirectiveChild, LayoutDirectiveDefinition } from '../types.js';
+export declare const cellDirective: LayoutDirectiveDefinition;
+export declare function makeCellDirective(children: DirectiveChild[]): ContainerDirective;

package/dist/directives/definitions/cell.js

@@ -0,0 +1,44 @@
+import { setDirectiveRenderData } from '../renderData.js';
+import { resolveDirectiveTheme } from '../themes.js';
+export const cellDirective = {
+    name: 'cell',
+    allowedAttributes: [
+        'theme'
+    ],
+    applyHast (node, config, { mergeClassNames }) {
+        const theme = resolveDirectiveTheme('cell', typeof node.properties.dataTheme === 'string' ? node.properties.dataTheme : undefined, config.themes);
+        node.properties.dataTheme = theme.name;
+        node.properties.className = mergeClassNames(theme.hookClassName, theme.modifierClassName, theme.classes, config.columnClassName);
+    },
+    editor: {
+        detail: 'Layout directive',
+        label: 'Layout cell',
+        snippet: ':::cell\n${Content}\n:::\n${}'
+    },
+    getMdastRenderProperties (node) {
+        return {
+            dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'default'
+        };
+    },
+    kind: 'cell',
+    openMarker: ':::cell',
+    public: true,
+    supportsAttributes: true,
+    tagName: 'div',
+    themeAttributes: {
+        theme: 'cell'
+    }
+};
+export function makeCellDirective(children) {
+    const node = {
+        name: 'cell',
+        type: 'containerDirective',
+        attributes: {},
+        children,
+        data: {}
+    };
+    setDirectiveRenderData(node, cellDirective);
+    return node;
+}
+
+//# sourceMappingURL=cell.js.map

package/dist/directives/definitions/cell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/directives/definitions/cell.ts"],"sourcesContent":["import type { ContainerDirective } from 'mdast-util-directive'\n\nimport type { DirectiveChild, LayoutDirectiveDefinition } from '../types.js'\n\nimport { setDirectiveRenderData } from '../renderData.js'\nimport { resolveDirectiveTheme } from '../themes.js'\n\nexport const cellDirective: LayoutDirectiveDefinition = {\n  name: 'cell',\n  allowedAttributes: ['theme'],\n  applyHast(node, config, { mergeClassNames }) {\n    const theme = resolveDirectiveTheme(\n      'cell',\n      typeof node.properties.dataTheme === 'string' ? node.properties.dataTheme : undefined,\n      config.themes,\n    )\n\n    node.properties.dataTheme = theme.name\n    node.properties.className = mergeClassNames(\n      theme.hookClassName,\n      theme.modifierClassName,\n      theme.classes,\n      config.columnClassName,\n    )\n  },\n  editor: {\n    detail: 'Layout directive',\n    label: 'Layout cell',\n    snippet: ':::cell\\n${Content}\\n:::\\n${}',\n  },\n  getMdastRenderProperties(node) {\n    return {\n      dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'default',\n    }\n  },\n  kind: 'cell',\n  openMarker: ':::cell',\n  public: true,\n  supportsAttributes: true,\n  tagName: 'div',\n  themeAttributes: {\n    theme: 'cell',\n  },\n}\n\nexport function makeCellDirective(children: DirectiveChild[]): ContainerDirective {\n  const node: ContainerDirective = {\n    name: 'cell',\n    type: 'containerDirective',\n    attributes: {},\n    children,\n    data: {},\n  }\n\n  setDirectiveRenderData(node, cellDirective)\n\n  return node\n}\n"],"names":["setDirectiveRenderData","resolveDirectiveTheme","cellDirective","name","allowedAttributes","applyHast","node","config","mergeClassNames","theme","properties","dataTheme","undefined","themes","className","hookClassName","modifierClassName","classes","columnClassName","editor","detail","label","snippet","getMdastRenderProperties","attributes","kind","openMarker","public","supportsAttributes","tagName","themeAttributes","makeCellDirective","children","type","data"],"mappings":"AAIA,SAASA,sBAAsB,QAAQ,mBAAkB;AACzD,SAASC,qBAAqB,QAAQ,eAAc;AAEpD,OAAO,MAAMC,gBAA2C;IACtDC,MAAM;IACNC,mBAAmB;QAAC;KAAQ;IAC5BC,WAAUC,IAAI,EAAEC,MAAM,EAAE,EAAEC,eAAe,EAAE;QACzC,MAAMC,QAAQR,sBACZ,QACA,OAAOK,KAAKI,UAAU,CAACC,SAAS,KAAK,WAAWL,KAAKI,UAAU,CAACC,SAAS,GAAGC,WAC5EL,OAAOM,MAAM;QAGfP,KAAKI,UAAU,CAACC,SAAS,GAAGF,MAAMN,IAAI;QACtCG,KAAKI,UAAU,CAACI,SAAS,GAAGN,gBAC1BC,MAAMM,aAAa,EACnBN,MAAMO,iBAAiB,EACvBP,MAAMQ,OAAO,EACbV,OAAOW,eAAe;IAE1B;IACAC,QAAQ;QACNC,QAAQ;QACRC,OAAO;QACPC,SAAS;IACX;IACAC,0BAAyBjB,IAAI;QAC3B,OAAO;YACLK,WAAW,OAAOL,KAAKkB,UAAU,EAAEf,UAAU,WAAWH,KAAKkB,UAAU,CAACf,KAAK,GAAG;QAClF;IACF;IACAgB,MAAM;IACNC,YAAY;IACZC,QAAQ;IACRC,oBAAoB;IACpBC,SAAS;IACTC,iBAAiB;QACfrB,OAAO;IACT;AACF,EAAC;AAED,OAAO,SAASsB,kBAAkBC,QAA0B;IAC1D,MAAM1B,OAA2B;QAC/BH,MAAM;QACN8B,MAAM;QACNT,YAAY,CAAC;QACbQ;QACAE,MAAM,CAAC;IACT;IAEAlC,uBAAuBM,MAAMJ;IAE7B,OAAOI;AACT"}

package/dist/directives/definitions/columns.d.ts

@@ -0,0 +1,4 @@
+import type { LayoutDirectiveDefinition } from '../types.js';
+export declare const twoColumnDirective: LayoutDirectiveDefinition;
+export declare const threeColumnDirective: LayoutDirectiveDefinition;
+export declare const columnDirectives: LayoutDirectiveDefinition[];