@valkyrianlabs/payload-markdown 1.3.1

package/dist/directives/definitions/columns.js

@@ -0,0 +1,89 @@
+import { resolveDirectiveTheme } from '../themes.js';
+import { makeCellDirective } from './cell.js';
+function isContainerDirective(node) {
+    return Boolean(node && typeof node === 'object' && 'type' in node && node.type === 'containerDirective');
+}
+function isHeading(node) {
+    return node.type === 'heading';
+}
+function isLayoutBoundaryDirective(name) {
+    return name === 'section' || name === '2col' || name === '3col' || name === 'cell';
+}
+function isStructuralDirectiveChild(node, context) {
+    return isContainerDirective(node) && context.isSupportedDirectiveName(node.name) && isLayoutBoundaryDirective(node.name);
+}
+function resolveCellHeadingDepth(node) {
+    return typeof node.data?.vlCellHeadingDepth === 'number' ? node.data.vlCellHeadingDepth : 3;
+}
+function groupGridChildren(children, cellHeadingDepth, context) {
+    const grouped = [];
+    let currentCell = [];
+    const flushCell = ()=>{
+        if (currentCell.length === 0) return;
+        grouped.push(makeCellDirective(currentCell));
+        currentCell = [];
+    };
+    for (const child of children){
+        if (isStructuralDirectiveChild(child, context)) {
+            flushCell();
+            grouped.push(child);
+            continue;
+        }
+        if (isHeading(child) && child.depth === cellHeadingDepth) flushCell();
+        currentCell.push(child);
+    }
+    flushCell();
+    return grouped;
+}
+function createColumnDirective(name, columns) {
+    return {
+        name,
+        allowedAttributes: [
+            'cellTheme',
+            'theme'
+        ],
+        applyHast (node, config, { groupChildrenIntoCells, mergeClassNames }) {
+            const theme = resolveDirectiveTheme('columns', typeof node.properties.dataTheme === 'string' ? node.properties.dataTheme : undefined, config.themes);
+            const cellTheme = typeof node.properties.dataCellTheme === 'string' ? node.properties.dataCellTheme : undefined;
+            const resolvedCellTheme = cellTheme ? resolveDirectiveTheme('cell', cellTheme, config.themes) : undefined;
+            for (const child of node.children)if (child.type === 'element' && child.properties?.dataVlLayout === 'cell' && typeof child.properties.dataTheme !== 'string' && cellTheme) child.properties.dataTheme = cellTheme;
+            node.properties.dataTheme = theme.name;
+            node.properties.className = mergeClassNames(theme.hookClassName, theme.modifierClassName, theme.classes, columns === 2 ? 'md:grid-cols-2' : 'md:grid-cols-3');
+            const hasExplicitCells = node.children.some((child)=>child.type === 'element' && child.properties?.dataVlLayout === 'cell');
+            if (!hasExplicitCells) node.children = groupChildrenIntoCells(node.children, config.columnClassName, resolvedCellTheme);
+        },
+        editor: {
+            detail: 'Layout directive',
+            label: `${columns}-column layout`,
+            snippet: columns === 2 ? `:::${name}\n\n### ${'${First column}'}\n\n${'${Content}'}\n\n### ${'${Second column}'}\n\n${'${Content}'}\n:::endcol\n${'${}'}` : `:::${name}\n\n### ${'${First column}'}\n\n${'${Content}'}\n\n### ${'${Second column}'}\n\n${'${Content}'}\n\n### ${'${Third column}'}\n\n${'${Content}'}\n:::endcol\n${'${}'}`
+        },
+        getMdastRenderProperties (node) {
+            return {
+                dataCellTheme: typeof node.attributes?.cellTheme === 'string' ? node.attributes.cellTheme : undefined,
+                dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'default',
+                dataVlCellHeadingDepth: resolveCellHeadingDepth(node)
+            };
+        },
+        kind: 'grid',
+        openMarker: `:::${name}`,
+        public: true,
+        supportsAttributes: true,
+        tagName: 'div',
+        themeAttributes: {
+            cellTheme: 'cell',
+            theme: 'columns'
+        },
+        transformMdast (node, context) {
+            const cellHeadingDepth = resolveCellHeadingDepth(node);
+            node.children = groupGridChildren(node.children, cellHeadingDepth, context);
+        }
+    };
+}
+export const twoColumnDirective = createColumnDirective('2col', 2);
+export const threeColumnDirective = createColumnDirective('3col', 3);
+export const columnDirectives = [
+    twoColumnDirective,
+    threeColumnDirective
+];
+
+//# sourceMappingURL=columns.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/directives/definitions/columns.ts"],"sourcesContent":["import type { Heading } from 'mdast'\nimport type { ContainerDirective } from 'mdast-util-directive'\n\nimport type {\n  DirectiveChild,\n  GridDirectiveName,\n  LayoutDirectiveDefinition,\n  LayoutDirectiveTransformContext,\n} from '../types.js'\n\nimport { resolveDirectiveTheme } from '../themes.js'\nimport { makeCellDirective } from './cell.js'\n\nfunction isContainerDirective(node: unknown): node is ContainerDirective {\n  return Boolean(\n    node &&\n      typeof node === 'object' &&\n      'type' in node &&\n      (node as { type?: string }).type === 'containerDirective',\n  )\n}\n\nfunction isHeading(node: DirectiveChild): node is Heading {\n  return node.type === 'heading'\n}\n\nfunction isLayoutBoundaryDirective(name: string): boolean {\n  return name === 'section' || name === '2col' || name === '3col' || name === 'cell'\n}\n\nfunction isStructuralDirectiveChild(\n  node: DirectiveChild,\n  context: LayoutDirectiveTransformContext,\n): node is ContainerDirective {\n  return (\n    isContainerDirective(node) &&\n    context.isSupportedDirectiveName(node.name) &&\n    isLayoutBoundaryDirective(node.name)\n  )\n}\n\nfunction resolveCellHeadingDepth(node: ContainerDirective): number {\n  return typeof node.data?.vlCellHeadingDepth === 'number' ? node.data.vlCellHeadingDepth : 3\n}\n\nfunction groupGridChildren(\n  children: DirectiveChild[],\n  cellHeadingDepth: number,\n  context: LayoutDirectiveTransformContext,\n): DirectiveChild[] {\n  const grouped: DirectiveChild[] = []\n  let currentCell: DirectiveChild[] = []\n\n  const flushCell = () => {\n    if (currentCell.length === 0) return\n    grouped.push(makeCellDirective(currentCell))\n    currentCell = []\n  }\n\n  for (const child of children) {\n    if (isStructuralDirectiveChild(child, context)) {\n      flushCell()\n      grouped.push(child)\n      continue\n    }\n\n    if (isHeading(child) && child.depth === cellHeadingDepth) flushCell()\n\n    currentCell.push(child)\n  }\n\n  flushCell()\n\n  return grouped\n}\n\nfunction createColumnDirective(name: GridDirectiveName, columns: 2 | 3): LayoutDirectiveDefinition {\n  return {\n    name,\n    allowedAttributes: ['cellTheme', 'theme'],\n    applyHast(node, config, { groupChildrenIntoCells, mergeClassNames }) {\n      const theme = resolveDirectiveTheme(\n        'columns',\n        typeof node.properties.dataTheme === 'string' ? node.properties.dataTheme : undefined,\n        config.themes,\n      )\n      const cellTheme =\n        typeof node.properties.dataCellTheme === 'string' ? node.properties.dataCellTheme : undefined\n      const resolvedCellTheme = cellTheme\n        ? resolveDirectiveTheme('cell', cellTheme, config.themes)\n        : undefined\n\n      for (const child of node.children)\n        if (\n          child.type === 'element' &&\n          child.properties?.dataVlLayout === 'cell' &&\n          typeof child.properties.dataTheme !== 'string' &&\n          cellTheme\n        )\n          child.properties.dataTheme = cellTheme\n\n      node.properties.dataTheme = theme.name\n      node.properties.className = mergeClassNames(\n        theme.hookClassName,\n        theme.modifierClassName,\n        theme.classes,\n        columns === 2 ? 'md:grid-cols-2' : 'md:grid-cols-3',\n      )\n\n      const hasExplicitCells = node.children.some(\n        (child) =>\n          child.type === 'element' && child.properties?.dataVlLayout === 'cell',\n      )\n\n      if (!hasExplicitCells)\n        node.children = groupChildrenIntoCells(\n          node.children,\n          config.columnClassName,\n          resolvedCellTheme,\n        )\n    },\n    editor: {\n      detail: 'Layout directive',\n      label: `${columns}-column layout`,\n      snippet:\n        columns === 2\n          ? `:::${name}\\n\\n### ${'${First column}'}\\n\\n${'${Content}'}\\n\\n### ${'${Second column}'}\\n\\n${'${Content}'}\\n:::endcol\\n${'${}'}`\n          : `:::${name}\\n\\n### ${'${First column}'}\\n\\n${'${Content}'}\\n\\n### ${'${Second column}'}\\n\\n${'${Content}'}\\n\\n### ${'${Third column}'}\\n\\n${'${Content}'}\\n:::endcol\\n${'${}'}`,\n    },\n    getMdastRenderProperties(node) {\n      return {\n        dataCellTheme:\n          typeof node.attributes?.cellTheme === 'string' ? node.attributes.cellTheme : undefined,\n        dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'default',\n        dataVlCellHeadingDepth: resolveCellHeadingDepth(node),\n      }\n    },\n    kind: 'grid',\n    openMarker: `:::${name}`,\n    public: true,\n    supportsAttributes: true,\n    tagName: 'div',\n    themeAttributes: {\n      cellTheme: 'cell',\n      theme: 'columns',\n    },\n    transformMdast(node, context) {\n      const cellHeadingDepth = resolveCellHeadingDepth(node)\n      node.children = groupGridChildren(node.children, cellHeadingDepth, context)\n    },\n  }\n}\n\nexport const twoColumnDirective = createColumnDirective('2col', 2)\nexport const threeColumnDirective = createColumnDirective('3col', 3)\nexport const columnDirectives = [twoColumnDirective, threeColumnDirective]\n"],"names":["resolveDirectiveTheme","makeCellDirective","isContainerDirective","node","Boolean","type","isHeading","isLayoutBoundaryDirective","name","isStructuralDirectiveChild","context","isSupportedDirectiveName","resolveCellHeadingDepth","data","vlCellHeadingDepth","groupGridChildren","children","cellHeadingDepth","grouped","currentCell","flushCell","length","push","child","depth","createColumnDirective","columns","allowedAttributes","applyHast","config","groupChildrenIntoCells","mergeClassNames","theme","properties","dataTheme","undefined","themes","cellTheme","dataCellTheme","resolvedCellTheme","dataVlLayout","className","hookClassName","modifierClassName","classes","hasExplicitCells","some","columnClassName","editor","detail","label","snippet","getMdastRenderProperties","attributes","dataVlCellHeadingDepth","kind","openMarker","public","supportsAttributes","tagName","themeAttributes","transformMdast","twoColumnDirective","threeColumnDirective","columnDirectives"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import type { LayoutDirectiveDefinition } from '../types.js';
+export declare const detailsDirective: LayoutDirectiveDefinition;

package/dist/directives/definitions/details.js

@@ -0,0 +1,76 @@
+import { resolveDirectiveTheme } from '../themes.js';
+const DEFAULT_DETAILS_TITLE = 'Details';
+function getTitle(node) {
+    const title = node.attributes?.title;
+    return typeof title === 'string' && title.trim() ? title.trim() : DEFAULT_DETAILS_TITLE;
+}
+export const detailsDirective = {
+    name: 'details',
+    allowedAttributes: [
+        'open',
+        'theme',
+        'title'
+    ],
+    applyHast (node, config, { mergeClassNames }) {
+        const title = typeof node.properties.dataTitle === 'string' ? node.properties.dataTitle : DEFAULT_DETAILS_TITLE;
+        const theme = resolveDirectiveTheme('details', 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 = [
+            {
+                type: 'element',
+                children: [
+                    {
+                        type: 'text',
+                        value: title
+                    }
+                ],
+                properties: {
+                    className: [
+                        'cursor-pointer text-sm font-semibold tracking-wide'
+                    ]
+                },
+                tagName: 'summary'
+            },
+            {
+                type: 'element',
+                children,
+                properties: {
+                    className: [
+                        'mt-3 space-y-3 [&>:first-child]:mt-0 [&>:last-child]:mb-0'
+                    ],
+                    dataDirectiveBody: 'details'
+                },
+                tagName: 'div'
+            }
+        ];
+    },
+    defaultAttributes: {
+        title: DEFAULT_DETAILS_TITLE
+    },
+    description: 'Native disclosure block for optional details.',
+    editor: {
+        detail: 'Static directive',
+        label: 'Details',
+        snippet: ':::details {title="${Details}"}\n${Content}\n:::\n${}'
+    },
+    getMdastRenderProperties (node) {
+        return {
+            dataDirective: 'details',
+            dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'default',
+            dataTitle: getTitle(node),
+            open: node.attributes?.open === 'true'
+        };
+    },
+    kind: 'details',
+    openMarker: ':::details',
+    public: true,
+    supportsAttributes: true,
+    tagName: 'details',
+    themeAttributes: {
+        theme: 'details'
+    }
+};
+
+//# sourceMappingURL=details.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/directives/definitions/details.ts"],"sourcesContent":["import type { ContainerDirective } from 'mdast-util-directive'\n\nimport type { LayoutDirectiveDefinition } from '../types.js'\n\nimport { resolveDirectiveTheme } from '../themes.js'\n\nconst DEFAULT_DETAILS_TITLE = 'Details'\n\nfunction getTitle(node: ContainerDirective): string {\n  const title = node.attributes?.title\n\n  return typeof title === 'string' && title.trim() ? title.trim() : DEFAULT_DETAILS_TITLE\n}\n\nexport const detailsDirective: LayoutDirectiveDefinition = {\n  name: 'details',\n  allowedAttributes: ['open', 'theme', 'title'],\n  applyHast(node, config, { mergeClassNames }) {\n    const title = typeof node.properties.dataTitle === 'string' ? node.properties.dataTitle : DEFAULT_DETAILS_TITLE\n    const theme = resolveDirectiveTheme(\n      'details',\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\n    node.children = [\n      {\n        type: 'element',\n        children: [{ type: 'text', value: title }],\n        properties: {\n          className: ['cursor-pointer text-sm font-semibold tracking-wide'],\n        },\n        tagName: 'summary',\n      },\n      {\n        type: 'element',\n        children,\n        properties: {\n          className: ['mt-3 space-y-3 [&>:first-child]:mt-0 [&>:last-child]:mb-0'],\n          dataDirectiveBody: 'details',\n        },\n        tagName: 'div',\n      },\n    ]\n  },\n  defaultAttributes: {\n    title: DEFAULT_DETAILS_TITLE,\n  },\n  description: 'Native disclosure block for optional details.',\n  editor: {\n    detail: 'Static directive',\n    label: 'Details',\n    snippet: ':::details {title=\"${Details}\"}\\n${Content}\\n:::\\n${}',\n  },\n  getMdastRenderProperties(node) {\n    return {\n      dataDirective: 'details',\n      dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'default',\n      dataTitle: getTitle(node),\n      open: node.attributes?.open === 'true',\n    }\n  },\n  kind: 'details',\n  openMarker: ':::details',\n  public: true,\n  supportsAttributes: true,\n  tagName: 'details',\n  themeAttributes: {\n    theme: 'details',\n  },\n}\n"],"names":["resolveDirectiveTheme","DEFAULT_DETAILS_TITLE","getTitle","node","title","attributes","trim","detailsDirective","name","allowedAttributes","applyHast","config","mergeClassNames","properties","dataTitle","theme","dataTheme","undefined","themes","children","className","hookClassName","modifierClassName","classes","type","value","tagName","dataDirectiveBody","defaultAttributes","description","editor","detail","label","snippet","getMdastRenderProperties","dataDirective","open","kind","openMarker","public","supportsAttributes","themeAttributes"],"mappings":"AAIA,SAASA,qBAAqB,QAAQ,eAAc;AAEpD,MAAMC,wBAAwB;AAE9B,SAASC,SAASC,IAAwB;IACxC,MAAMC,QAAQD,KAAKE,UAAU,EAAED;IAE/B,OAAO,OAAOA,UAAU,YAAYA,MAAME,IAAI,KAAKF,MAAME,IAAI,KAAKL;AACpE;AAEA,OAAO,MAAMM,mBAA8C;IACzDC,MAAM;IACNC,mBAAmB;QAAC;QAAQ;QAAS;KAAQ;IAC7CC,WAAUP,IAAI,EAAEQ,MAAM,EAAE,EAAEC,eAAe,EAAE;QACzC,MAAMR,QAAQ,OAAOD,KAAKU,UAAU,CAACC,SAAS,KAAK,WAAWX,KAAKU,UAAU,CAACC,SAAS,GAAGb;QAC1F,MAAMc,QAAQf,sBACZ,WACA,OAAOG,KAAKU,UAAU,CAACG,SAAS,KAAK,WAAWb,KAAKU,UAAU,CAACG,SAAS,GAAGC,WAC5EN,OAAOO,MAAM;QAEf,MAAMC,WAAWhB,KAAKgB,QAAQ;QAE9BhB,KAAKU,UAAU,CAACG,SAAS,GAAGD,MAAMP,IAAI;QACtCL,KAAKU,UAAU,CAACO,SAAS,GAAGR,gBAC1B,aACAG,MAAMM,aAAa,EACnBN,MAAMO,iBAAiB,EACvBP,MAAMQ,OAAO;QAGfpB,KAAKgB,QAAQ,GAAG;YACd;gBACEK,MAAM;gBACNL,UAAU;oBAAC;wBAAEK,MAAM;wBAAQC,OAAOrB;oBAAM;iBAAE;gBAC1CS,YAAY;oBACVO,WAAW;wBAAC;qBAAqD;gBACnE;gBACAM,SAAS;YACX;YACA;gBACEF,MAAM;gBACNL;gBACAN,YAAY;oBACVO,WAAW;wBAAC;qBAA4D;oBACxEO,mBAAmB;gBACrB;gBACAD,SAAS;YACX;SACD;IACH;IACAE,mBAAmB;QACjBxB,OAAOH;IACT;IACA4B,aAAa;IACbC,QAAQ;QACNC,QAAQ;QACRC,OAAO;QACPC,SAAS;IACX;IACAC,0BAAyB/B,IAAI;QAC3B,OAAO;YACLgC,eAAe;YACfnB,WAAW,OAAOb,KAAKE,UAAU,EAAEU,UAAU,WAAWZ,KAAKE,UAAU,CAACU,KAAK,GAAG;YAChFD,WAAWZ,SAASC;YACpBiC,MAAMjC,KAAKE,UAAU,EAAE+B,SAAS;QAClC;IACF;IACAC,MAAM;IACNC,YAAY;IACZC,QAAQ;IACRC,oBAAoB;IACpBd,SAAS;IACTe,iBAAiB;QACf1B,OAAO;IACT;AACF,EAAC"}

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

@@ -0,0 +1,2 @@
+import type { LayoutDirectiveDefinition } from '../types.js';
+export declare const sectionDirective: LayoutDirectiveDefinition;

package/dist/directives/definitions/section.js

@@ -0,0 +1,32 @@
+import { resolveDirectiveTheme } from '../themes.js';
+export const sectionDirective = {
+    name: 'section',
+    allowedAttributes: [
+        'theme'
+    ],
+    applyHast (node, config, { mergeClassNames }) {
+        const theme = resolveDirectiveTheme('section', 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.sectionClassName);
+    },
+    editor: {
+        detail: 'Layout directive',
+        label: 'Layout section',
+        snippet: ':::section\n${Content}\n:::endsection\n${}'
+    },
+    getMdastRenderProperties (node) {
+        return {
+            dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'default'
+        };
+    },
+    kind: 'section',
+    openMarker: ':::section',
+    public: true,
+    supportsAttributes: true,
+    tagName: 'section',
+    themeAttributes: {
+        theme: 'section'
+    }
+};
+
+//# sourceMappingURL=section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/directives/definitions/section.ts"],"sourcesContent":["import type { LayoutDirectiveDefinition } from '../types.js'\n\nimport { resolveDirectiveTheme } from '../themes.js'\n\nexport const sectionDirective: LayoutDirectiveDefinition = {\n  name: 'section',\n  allowedAttributes: ['theme'],\n  applyHast(node, config, { mergeClassNames }) {\n    const theme = resolveDirectiveTheme(\n      'section',\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.sectionClassName,\n    )\n  },\n  editor: {\n    detail: 'Layout directive',\n    label: 'Layout section',\n    snippet: ':::section\\n${Content}\\n:::endsection\\n${}',\n  },\n  getMdastRenderProperties(node) {\n    return {\n      dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'default',\n    }\n  },\n  kind: 'section',\n  openMarker: ':::section',\n  public: true,\n  supportsAttributes: true,\n  tagName: 'section',\n  themeAttributes: {\n    theme: 'section',\n  },\n}\n"],"names":["resolveDirectiveTheme","sectionDirective","name","allowedAttributes","applyHast","node","config","mergeClassNames","theme","properties","dataTheme","undefined","themes","className","hookClassName","modifierClassName","classes","sectionClassName","editor","detail","label","snippet","getMdastRenderProperties","attributes","kind","openMarker","public","supportsAttributes","tagName","themeAttributes"],"mappings":"AAEA,SAASA,qBAAqB,QAAQ,eAAc;AAEpD,OAAO,MAAMC,mBAA8C;IACzDC,MAAM;IACNC,mBAAmB;QAAC;KAAQ;IAC5BC,WAAUC,IAAI,EAAEC,MAAM,EAAE,EAAEC,eAAe,EAAE;QACzC,MAAMC,QAAQR,sBACZ,WACA,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,gBAAgB;IAE3B;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"}

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

@@ -0,0 +1,2 @@
+import type { LayoutDirectiveDefinition } from '../types.js';
+export declare const stepsDirective: LayoutDirectiveDefinition;

package/dist/directives/definitions/steps.js

@@ -0,0 +1,242 @@
+import { DIRECTIVE_SURFACE_NESTED_CODE_CLASS } from '../../styles/directiveSurface.js';
+import { resolveDirectiveTheme } from '../themes.js';
+import { CARD_BODY_CLASS_NAMES } from './card.js';
+const STEP_VARIANTS = [
+    'default',
+    'cards'
+];
+const STEP_CARD_LAYOUTS = [
+    'stack',
+    'grid'
+];
+const STEP_CARD_COLUMNS = [
+    '1',
+    '2',
+    '3',
+    '4',
+    'auto'
+];
+function isStepVariant(value) {
+    return typeof value === 'string' && STEP_VARIANTS.includes(value);
+}
+function isStepCardLayout(value) {
+    return typeof value === 'string' && STEP_CARD_LAYOUTS.includes(value);
+}
+function isStepCardColumns(value) {
+    return typeof value === 'string' && STEP_CARD_COLUMNS.includes(value);
+}
+function resolveStepsVariant(node) {
+    const variant = node.attributes?.variant;
+    return isStepVariant(variant) ? variant : 'default';
+}
+function resolveCardStepLayout(node) {
+    const layout = node.attributes?.layout;
+    return isStepCardLayout(layout) ? layout : 'stack';
+}
+function resolveCardStepColumns(node) {
+    const columns = node.attributes?.columns;
+    return isStepCardColumns(columns) ? columns : '2';
+}
+function resolveCardStepNumbered(node) {
+    const numbered = node.attributes?.numbered;
+    if (numbered === undefined) return true;
+    if (typeof numbered !== 'string') return true;
+    return numbered !== 'false';
+}
+function isElement(node) {
+    return node.type === 'element';
+}
+function isStepHeading(node) {
+    return isElement(node) && [
+        'h2',
+        'h3',
+        'h4'
+    ].includes(node.tagName);
+}
+function makeStep(children, index) {
+    return {
+        type: 'element',
+        children,
+        properties: {
+            className: [
+                'relative pl-4 [&>:first-child]:mt-0 [&>:last-child]:mb-0',
+                DIRECTIVE_SURFACE_NESTED_CODE_CLASS
+            ],
+            dataStep: String(index + 1)
+        },
+        tagName: 'li'
+    };
+}
+function makeCardStep(children, index, numbered, stepTheme) {
+    return {
+        type: 'element',
+        children: [
+            {
+                type: 'element',
+                children: [
+                    ...numbered ? [
+                        {
+                            type: 'element',
+                            children: [
+                                {
+                                    type: 'text',
+                                    value: String(index + 1)
+                                }
+                            ],
+                            properties: {
+                                className: [
+                                    'mb-3 inline-flex h-8 w-8 items-center justify-center rounded-full border border-current/25 bg-black/10 text-sm font-semibold dark:bg-white/10'
+                                ],
+                                dataStepNumber: String(index + 1)
+                            },
+                            tagName: 'span'
+                        }
+                    ] : [],
+                    ...children
+                ],
+                properties: {
+                    className: [
+                        stepTheme.hookClassName,
+                        stepTheme.modifierClassName,
+                        stepTheme.classes,
+                        CARD_BODY_CLASS_NAMES,
+                        DIRECTIVE_SURFACE_NESTED_CODE_CLASS
+                    ],
+                    dataStepCard: '',
+                    dataTheme: stepTheme.name
+                },
+                tagName: 'article'
+            }
+        ],
+        properties: {
+            className: [
+                'list-none'
+            ],
+            dataStep: String(index + 1)
+        },
+        tagName: 'li'
+    };
+}
+function groupStepChildren(children, columns, layout, numbered, variant, stepTheme) {
+    const groups = [];
+    let current = [];
+    const makeStepElement = variant === 'cards' ? (group, index)=>makeCardStep(group, index, numbered, stepTheme) : makeStep;
+    const gridColumnsClassNames = {
+        '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))]'
+    };
+    for (const child of children){
+        if (isStepHeading(child) && current.length > 0) {
+            groups.push(current);
+            current = [
+                child
+            ];
+            continue;
+        }
+        current.push(child);
+    }
+    if (current.length > 0) groups.push(current);
+    return [
+        {
+            type: 'element',
+            children: groups.map(makeStepElement),
+            properties: {
+                className: variant === 'cards' ? layout === 'grid' ? [
+                    'm-0 grid list-none gap-4 p-0',
+                    gridColumnsClassNames[columns]
+                ] : [
+                    'm-0 flex list-none flex-col gap-4 p-0'
+                ] : [
+                    'm-0 list-decimal space-y-6 pl-6'
+                ]
+            },
+            tagName: 'ol'
+        }
+    ];
+}
+export const stepsDirective = {
+    name: 'steps',
+    allowedAttributes: [
+        'columns',
+        'layout',
+        'numbered',
+        'stepTheme',
+        'theme',
+        'variant'
+    ],
+    applyHast (node, config, { mergeClassNames }) {
+        const variant = typeof node.properties.dataVariant === 'string' && isStepVariant(node.properties.dataVariant) ? node.properties.dataVariant : 'default';
+        const layout = typeof node.properties.dataLayout === 'string' && isStepCardLayout(node.properties.dataLayout) ? node.properties.dataLayout : 'stack';
+        const columns = typeof node.properties.dataColumns === 'string' && isStepCardColumns(node.properties.dataColumns) ? node.properties.dataColumns : '2';
+        const numbered = node.properties.dataNumbered !== 'false';
+        const theme = resolveDirectiveTheme('steps', typeof node.properties.dataTheme === 'string' ? node.properties.dataTheme : undefined, config.themes);
+        const stepTheme = resolveDirectiveTheme('card', typeof node.properties.dataStepTheme === 'string' ? node.properties.dataStepTheme : undefined, config.themes);
+        node.properties.dataTheme = theme.name;
+        node.properties.className = mergeClassNames('not-prose', theme.hookClassName, theme.modifierClassName, theme.classes);
+        node.children = groupStepChildren(node.children, columns, layout, numbered, variant, stepTheme);
+    },
+    attributeValues: {
+        columns: STEP_CARD_COLUMNS,
+        layout: STEP_CARD_LAYOUTS,
+        numbered: [
+            'true',
+            'false'
+        ],
+        variant: STEP_VARIANTS
+    },
+    description: 'Structured ordered flow for tutorials and install steps.',
+    editor: {
+        detail: 'Docs directive',
+        label: 'Steps',
+        snippet: ':::steps\n\n### ${Step title}\n\n${Content}\n\n:::\n${}',
+        snippets: [
+            {
+                detail: 'Docs directive',
+                label: 'Steps cards stack',
+                snippet: ':::steps {variant="cards" layout="stack" numbered}\n\n### ${Step title}\n\n${Content}\n\n:::\n${}'
+            },
+            {
+                detail: 'Docs directive',
+                label: 'Steps cards grid',
+                snippet: ':::steps {variant="cards" layout="grid" columns="${2}" numbered}\n\n### ${First step}\n\n${Content}\n\n### ${Second step}\n\n${Content}\n\n:::\n${}'
+            }
+        ]
+    },
+    getMdastRenderProperties (node) {
+        const variant = resolveStepsVariant(node);
+        const layout = resolveCardStepLayout(node);
+        const numbered = resolveCardStepNumbered(node);
+        const columns = resolveCardStepColumns(node);
+        return {
+            dataColumns: variant === 'cards' && layout === 'grid' ? columns : undefined,
+            dataDirective: 'steps',
+            dataLayout: variant === 'cards' ? layout : undefined,
+            dataNumbered: variant === 'cards' ? String(numbered) : undefined,
+            dataStepTheme: typeof node.attributes?.stepTheme === 'string' ? node.attributes.stepTheme : undefined,
+            dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'default',
+            dataVariant: variant === 'default' ? undefined : variant
+        };
+    },
+    kind: 'steps',
+    openMarker: ':::steps',
+    public: true,
+    supportsAttributes: true,
+    tagName: 'section',
+    themeAttributes: {
+        stepTheme: 'card',
+        theme: 'steps'
+    },
+    validateAttributes ({ attributes }) {
+        const warnings = [];
+        if (typeof attributes.variant === 'string' && !isStepVariant(attributes.variant)) warnings.push(`Unsupported steps variant "${attributes.variant}". Falling back to "default".`);
+        if (typeof attributes.layout === 'string' && !isStepCardLayout(attributes.layout)) warnings.push(`Unsupported steps layout "${attributes.layout}". Falling back to "stack".`);
+        if (typeof attributes.columns === 'string' && !isStepCardColumns(attributes.columns)) warnings.push(`Invalid steps columns "${attributes.columns}". Falling back to "2".`);
+        if (typeof attributes.numbered === 'string' && attributes.numbered !== 'true' && attributes.numbered !== 'false') warnings.push(`Invalid steps numbered value "${attributes.numbered}". Falling back to "true".`);
+        return warnings;
+    }
+};
+
+//# sourceMappingURL=steps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/directives/definitions/steps.ts"],"sourcesContent":["import type { Element, ElementContent } from 'hast'\nimport type { ContainerDirective } from 'mdast-util-directive'\n\nimport type { LayoutDirectiveDefinition } from '../types.js'\n\nimport { DIRECTIVE_SURFACE_NESTED_CODE_CLASS } from '../../styles/directiveSurface.js'\nimport { resolveDirectiveTheme } from '../themes.js'\nimport { CARD_BODY_CLASS_NAMES } from './card.js'\n\nconst STEP_VARIANTS = ['default', 'cards'] as const\nconst STEP_CARD_LAYOUTS = ['stack', 'grid'] as const\nconst STEP_CARD_COLUMNS = ['1', '2', '3', '4', 'auto'] as const\n\ntype StepVariant = (typeof STEP_VARIANTS)[number]\ntype StepCardLayout = (typeof STEP_CARD_LAYOUTS)[number]\ntype StepCardColumns = (typeof STEP_CARD_COLUMNS)[number]\n\nfunction isStepVariant(value: unknown): value is StepVariant {\n  return typeof value === 'string' && STEP_VARIANTS.includes(value as StepVariant)\n}\n\nfunction isStepCardLayout(value: unknown): value is StepCardLayout {\n  return typeof value === 'string' && STEP_CARD_LAYOUTS.includes(value as StepCardLayout)\n}\n\nfunction isStepCardColumns(value: unknown): value is StepCardColumns {\n  return typeof value === 'string' && STEP_CARD_COLUMNS.includes(value as StepCardColumns)\n}\n\nfunction resolveStepsVariant(node: ContainerDirective): StepVariant {\n  const variant = node.attributes?.variant\n\n  return isStepVariant(variant) ? variant : 'default'\n}\n\nfunction resolveCardStepLayout(node: ContainerDirective): StepCardLayout {\n  const layout = node.attributes?.layout\n\n  return isStepCardLayout(layout) ? layout : 'stack'\n}\n\nfunction resolveCardStepColumns(node: ContainerDirective): StepCardColumns {\n  const columns = node.attributes?.columns\n\n  return isStepCardColumns(columns) ? columns : '2'\n}\n\nfunction resolveCardStepNumbered(node: ContainerDirective): boolean {\n  const numbered = node.attributes?.numbered\n\n  if (numbered === undefined) return true\n  if (typeof numbered !== 'string') return true\n\n  return numbered !== 'false'\n}\n\nfunction isElement(node: ElementContent): node is Element {\n  return node.type === 'element'\n}\n\nfunction isStepHeading(node: ElementContent): node is Element {\n  return isElement(node) && ['h2', 'h3', 'h4'].includes(node.tagName)\n}\n\nfunction makeStep(children: ElementContent[], index: number): Element {\n  return {\n    type: 'element',\n    children,\n    properties: {\n      className: [\n        'relative pl-4 [&>:first-child]:mt-0 [&>:last-child]:mb-0',\n        DIRECTIVE_SURFACE_NESTED_CODE_CLASS,\n      ],\n      dataStep: String(index + 1),\n    },\n    tagName: 'li',\n  }\n}\n\nfunction makeCardStep(\n  children: ElementContent[],\n  index: number,\n  numbered: boolean,\n  stepTheme: ReturnType<typeof resolveDirectiveTheme>,\n): Element {\n  return {\n    type: 'element',\n    children: [\n      {\n        type: 'element',\n        children: [\n          ...(numbered\n            ? [\n                {\n                  type: 'element' as const,\n                  children: [{ type: 'text' as const, value: String(index + 1) }],\n                  properties: {\n                    className: [\n                      'mb-3 inline-flex h-8 w-8 items-center justify-center rounded-full border border-current/25 bg-black/10 text-sm font-semibold dark:bg-white/10',\n                    ],\n                    dataStepNumber: String(index + 1),\n                  },\n                  tagName: 'span',\n                },\n              ]\n            : []),\n          ...children,\n        ],\n        properties: {\n          className: [\n            stepTheme.hookClassName,\n            stepTheme.modifierClassName,\n            stepTheme.classes,\n            CARD_BODY_CLASS_NAMES,\n            DIRECTIVE_SURFACE_NESTED_CODE_CLASS,\n          ],\n          dataStepCard: '',\n          dataTheme: stepTheme.name,\n        },\n        tagName: 'article',\n      },\n    ],\n    properties: {\n      className: ['list-none'],\n      dataStep: String(index + 1),\n    },\n    tagName: 'li',\n  }\n}\n\nfunction groupStepChildren(\n  children: ElementContent[],\n  columns: StepCardColumns,\n  layout: StepCardLayout,\n  numbered: boolean,\n  variant: StepVariant,\n  stepTheme: ReturnType<typeof resolveDirectiveTheme>,\n): ElementContent[] {\n  const groups: ElementContent[][] = []\n  let current: ElementContent[] = []\n  const makeStepElement =\n    variant === 'cards'\n      ? (group: ElementContent[], index: number) => makeCardStep(group, index, numbered, stepTheme)\n      : makeStep\n  const gridColumnsClassNames: Record<StepCardColumns, 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\n  for (const child of children) {\n    if (isStepHeading(child) && current.length > 0) {\n      groups.push(current)\n      current = [child]\n      continue\n    }\n\n    current.push(child)\n  }\n\n  if (current.length > 0) groups.push(current)\n\n  return [\n    {\n      type: 'element',\n      children: groups.map(makeStepElement),\n      properties: {\n        className:\n          variant === 'cards'\n            ? layout === 'grid'\n              ? ['m-0 grid list-none gap-4 p-0', gridColumnsClassNames[columns]]\n              : ['m-0 flex list-none flex-col gap-4 p-0']\n            : ['m-0 list-decimal space-y-6 pl-6'],\n      },\n      tagName: 'ol',\n    },\n  ]\n}\n\nexport const stepsDirective: LayoutDirectiveDefinition = {\n  name: 'steps',\n  allowedAttributes: ['columns', 'layout', 'numbered', 'stepTheme', 'theme', 'variant'],\n  applyHast(node, config, { mergeClassNames }) {\n    const variant =\n      typeof node.properties.dataVariant === 'string' && isStepVariant(node.properties.dataVariant)\n        ? node.properties.dataVariant\n        : 'default'\n    const layout =\n      typeof node.properties.dataLayout === 'string' && isStepCardLayout(node.properties.dataLayout)\n        ? node.properties.dataLayout\n        : 'stack'\n    const columns =\n      typeof node.properties.dataColumns === 'string' && isStepCardColumns(node.properties.dataColumns)\n        ? node.properties.dataColumns\n        : '2'\n    const numbered = node.properties.dataNumbered !== 'false'\n    const theme = resolveDirectiveTheme(\n      'steps',\n      typeof node.properties.dataTheme === 'string' ? node.properties.dataTheme : undefined,\n      config.themes,\n    )\n    const stepTheme = resolveDirectiveTheme(\n      'card',\n      typeof node.properties.dataStepTheme === 'string'\n        ? node.properties.dataStepTheme\n        : undefined,\n      config.themes,\n    )\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 = groupStepChildren(node.children, columns, layout, numbered, variant, stepTheme)\n  },\n  attributeValues: {\n    columns: STEP_CARD_COLUMNS,\n    layout: STEP_CARD_LAYOUTS,\n    numbered: ['true', 'false'],\n    variant: STEP_VARIANTS,\n  },\n  description: 'Structured ordered flow for tutorials and install steps.',\n  editor: {\n    detail: 'Docs directive',\n    label: 'Steps',\n    snippet: ':::steps\\n\\n### ${Step title}\\n\\n${Content}\\n\\n:::\\n${}',\n    snippets: [\n      {\n        detail: 'Docs directive',\n        label: 'Steps cards stack',\n        snippet:\n          ':::steps {variant=\"cards\" layout=\"stack\" numbered}\\n\\n### ${Step title}\\n\\n${Content}\\n\\n:::\\n${}',\n      },\n      {\n        detail: 'Docs directive',\n        label: 'Steps cards grid',\n        snippet:\n          ':::steps {variant=\"cards\" layout=\"grid\" columns=\"${2}\" numbered}\\n\\n### ${First step}\\n\\n${Content}\\n\\n### ${Second step}\\n\\n${Content}\\n\\n:::\\n${}',\n      },\n    ],\n  },\n  getMdastRenderProperties(node) {\n    const variant = resolveStepsVariant(node)\n    const layout = resolveCardStepLayout(node)\n    const numbered = resolveCardStepNumbered(node)\n    const columns = resolveCardStepColumns(node)\n\n    return {\n      dataColumns: variant === 'cards' && layout === 'grid' ? columns : undefined,\n      dataDirective: 'steps',\n      dataLayout: variant === 'cards' ? layout : undefined,\n      dataNumbered: variant === 'cards' ? String(numbered) : undefined,\n      dataStepTheme:\n        typeof node.attributes?.stepTheme === 'string' ? node.attributes.stepTheme : undefined,\n      dataTheme: typeof node.attributes?.theme === 'string' ? node.attributes.theme : 'default',\n      dataVariant: variant === 'default' ? undefined : variant,\n    }\n  },\n  kind: 'steps',\n  openMarker: ':::steps',\n  public: true,\n  supportsAttributes: true,\n  tagName: 'section',\n  themeAttributes: {\n    stepTheme: 'card',\n    theme: 'steps',\n  },\n  validateAttributes({ attributes }) {\n    const warnings: string[] = []\n\n    if (typeof attributes.variant === 'string' && !isStepVariant(attributes.variant))\n      warnings.push(\n        `Unsupported steps variant \"${attributes.variant}\". Falling back to \"default\".`,\n      )\n    if (typeof attributes.layout === 'string' && !isStepCardLayout(attributes.layout))\n      warnings.push(`Unsupported steps layout \"${attributes.layout}\". Falling back to \"stack\".`)\n    if (typeof attributes.columns === 'string' && !isStepCardColumns(attributes.columns))\n      warnings.push(`Invalid steps columns \"${attributes.columns}\". Falling back to \"2\".`)\n    if (\n      typeof attributes.numbered === 'string' &&\n      attributes.numbered !== 'true' &&\n      attributes.numbered !== 'false'\n    )\n      warnings.push(\n        `Invalid steps numbered value \"${attributes.numbered}\". Falling back to \"true\".`,\n      )\n\n    return warnings\n  },\n}\n"],"names":["DIRECTIVE_SURFACE_NESTED_CODE_CLASS","resolveDirectiveTheme","CARD_BODY_CLASS_NAMES","STEP_VARIANTS","STEP_CARD_LAYOUTS","STEP_CARD_COLUMNS","isStepVariant","value","includes","isStepCardLayout","isStepCardColumns","resolveStepsVariant","node","variant","attributes","resolveCardStepLayout","layout","resolveCardStepColumns","columns","resolveCardStepNumbered","numbered","undefined","isElement","type","isStepHeading","tagName","makeStep","children","index","properties","className","dataStep","String","makeCardStep","stepTheme","dataStepNumber","hookClassName","modifierClassName","classes","dataStepCard","dataTheme","name","groupStepChildren","groups","current","makeStepElement","group","gridColumnsClassNames","auto","child","length","push","map","stepsDirective","allowedAttributes","applyHast","config","mergeClassNames","dataVariant","dataLayout","dataColumns","dataNumbered","theme","themes","dataStepTheme","attributeValues","description","editor","detail","label","snippet","snippets","getMdastRenderProperties","dataDirective","kind","openMarker","public","supportsAttributes","themeAttributes","validateAttributes","warnings"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import type { ContainerDirective } from 'mdast-util-directive';
+import type { LayoutDirectiveDefinition } from '../types.js';
+export declare function getTabLabel(node: ContainerDirective, index: number): string;
+type TabAttributes = null | Record<string, boolean | null | string | undefined> | undefined;
+export declare function getTabValueFromAttributes(attributes: TabAttributes, index: number): string;
+export declare function isTabDisabled(attributes: TabAttributes): boolean;
+export declare const tabDirective: LayoutDirectiveDefinition;
+export {};

package/dist/directives/definitions/tab.js

@@ -0,0 +1,59 @@
+import { resolveDirectiveTheme, slugThemeName } from '../themes.js';
+function getAttribute(node, name) {
+    const value = node.attributes?.[name];
+    return typeof value === 'string' && value.trim() ? value.trim() : undefined;
+}
+export function getTabLabel(node, index) {
+    return getAttribute(node, 'label') ?? getAttribute(node, 'value') ?? `Tab ${index + 1}`;
+}
+export function getTabValueFromAttributes(attributes, index) {
+    const value = attributes?.value;
+    const label = attributes?.label;
+    const raw = typeof value === 'string' && value.trim() ? value.trim() : typeof label === 'string' && label.trim() ? label.trim() : `tab-${index + 1}`;
+    return slugThemeName(raw);
+}
+export function isTabDisabled(attributes) {
+    const disabled = attributes?.disabled;
+    if (disabled === true) return true;
+    if (typeof disabled !== 'string') return false;
+    return disabled !== 'false';
+}
+export const tabDirective = {
+    name: 'tab',
+    allowedAttributes: [
+        'disabled',
+        'label',
+        'theme',
+        'value'
+    ],
+    applyHast (node, config, { mergeClassNames }) {
+        const theme = resolveDirectiveTheme('tab', typeof node.properties.dataTheme === 'string' ? node.properties.dataTheme : undefined, config.themes);
+        node.properties.dataTheme = theme.name;
+        node.properties.className = mergeClassNames('not-prose', theme.hookClassName, theme.modifierClassName, theme.classes, 'vl-md-tab-panel');
+    },
+    description: 'Single tab panel. Usually nested inside :::tabs.',
+    editor: {
+        detail: 'Tabs directive',
+        label: 'Tab',
+        snippet: ':::tab {label="${Label}"}\n${Content}\n:::\n${}'
+    },
+    getMdastRenderProperties (node) {
+        return {
+            dataDirective: 'tab',
+            dataDisabled: isTabDisabled(node.attributes) ? 'true' : undefined,
+            dataLabel: getTabLabel(node, 0),
+            dataTheme: getAttribute(node, 'theme'),
+            dataValue: getTabValueFromAttributes(node.attributes, 0)
+        };
+    },
+    kind: 'tab',
+    openMarker: ':::tab',
+    public: true,
+    supportsAttributes: true,
+    tagName: 'section',
+    themeAttributes: {
+        theme: 'tab'
+    }
+};
+
+//# sourceMappingURL=tab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/directives/definitions/tab.ts"],"sourcesContent":["import type { ContainerDirective } from 'mdast-util-directive'\n\nimport type { LayoutDirectiveDefinition } from '../types.js'\n\nimport { resolveDirectiveTheme, slugThemeName } from '../themes.js'\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\nexport function getTabLabel(node: ContainerDirective, index: number): string {\n  return getAttribute(node, 'label') ?? getAttribute(node, 'value') ?? `Tab ${index + 1}`\n}\n\ntype TabAttributes = null | Record<string, boolean | null | string | undefined> | undefined\n\nexport function getTabValueFromAttributes(attributes: TabAttributes, index: number): string {\n  const value = attributes?.value\n  const label = attributes?.label\n  const raw =\n    typeof value === 'string' && value.trim()\n      ? value.trim()\n      : typeof label === 'string' && label.trim()\n        ? label.trim()\n        : `tab-${index + 1}`\n\n  return slugThemeName(raw)\n}\n\nexport function isTabDisabled(attributes: TabAttributes): boolean {\n  const disabled = attributes?.disabled\n\n  if (disabled === true) return true\n  if (typeof disabled !== 'string') return false\n\n  return disabled !== 'false'\n}\n\nexport const tabDirective: LayoutDirectiveDefinition = {\n  name: 'tab',\n  allowedAttributes: ['disabled', 'label', 'theme', 'value'],\n  applyHast(node, config, { mergeClassNames }) {\n    const theme = resolveDirectiveTheme(\n      'tab',\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      'not-prose',\n      theme.hookClassName,\n      theme.modifierClassName,\n      theme.classes,\n      'vl-md-tab-panel',\n    )\n  },\n  description: 'Single tab panel. Usually nested inside :::tabs.',\n  editor: {\n    detail: 'Tabs directive',\n    label: 'Tab',\n    snippet: ':::tab {label=\"${Label}\"}\\n${Content}\\n:::\\n${}',\n  },\n  getMdastRenderProperties(node) {\n    return {\n      dataDirective: 'tab',\n      dataDisabled: isTabDisabled(node.attributes) ? 'true' : undefined,\n      dataLabel: getTabLabel(node, 0),\n      dataTheme: getAttribute(node, 'theme'),\n      dataValue: getTabValueFromAttributes(node.attributes, 0),\n    }\n  },\n  kind: 'tab',\n  openMarker: ':::tab',\n  public: true,\n  supportsAttributes: true,\n  tagName: 'section',\n  themeAttributes: {\n    theme: 'tab',\n  },\n}\n"],"names":["resolveDirectiveTheme","slugThemeName","getAttribute","node","name","value","attributes","trim","undefined","getTabLabel","index","getTabValueFromAttributes","label","raw","isTabDisabled","disabled","tabDirective","allowedAttributes","applyHast","config","mergeClassNames","theme","properties","dataTheme","themes","className","hookClassName","modifierClassName","classes","description","editor","detail","snippet","getMdastRenderProperties","dataDirective","dataDisabled","dataLabel","dataValue","kind","openMarker","public","supportsAttributes","tagName","themeAttributes"],"mappings":"AAIA,SAASA,qBAAqB,EAAEC,aAAa,QAAQ,eAAc;AAEnE,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,OAAO,SAASC,YAAYN,IAAwB,EAAEO,KAAa;IACjE,OAAOR,aAAaC,MAAM,YAAYD,aAAaC,MAAM,YAAY,CAAC,IAAI,EAAEO,QAAQ,GAAG;AACzF;AAIA,OAAO,SAASC,0BAA0BL,UAAyB,EAAEI,KAAa;IAChF,MAAML,QAAQC,YAAYD;IAC1B,MAAMO,QAAQN,YAAYM;IAC1B,MAAMC,MACJ,OAAOR,UAAU,YAAYA,MAAME,IAAI,KACnCF,MAAME,IAAI,KACV,OAAOK,UAAU,YAAYA,MAAML,IAAI,KACrCK,MAAML,IAAI,KACV,CAAC,IAAI,EAAEG,QAAQ,GAAG;IAE1B,OAAOT,cAAcY;AACvB;AAEA,OAAO,SAASC,cAAcR,UAAyB;IACrD,MAAMS,WAAWT,YAAYS;IAE7B,IAAIA,aAAa,MAAM,OAAO;IAC9B,IAAI,OAAOA,aAAa,UAAU,OAAO;IAEzC,OAAOA,aAAa;AACtB;AAEA,OAAO,MAAMC,eAA0C;IACrDZ,MAAM;IACNa,mBAAmB;QAAC;QAAY;QAAS;QAAS;KAAQ;IAC1DC,WAAUf,IAAI,EAAEgB,MAAM,EAAE,EAAEC,eAAe,EAAE;QACzC,MAAMC,QAAQrB,sBACZ,OACA,OAAOG,KAAKmB,UAAU,CAACC,SAAS,KAAK,WAAWpB,KAAKmB,UAAU,CAACC,SAAS,GAAGf,WAC5EW,OAAOK,MAAM;QAGfrB,KAAKmB,UAAU,CAACC,SAAS,GAAGF,MAAMjB,IAAI;QACtCD,KAAKmB,UAAU,CAACG,SAAS,GAAGL,gBAC1B,aACAC,MAAMK,aAAa,EACnBL,MAAMM,iBAAiB,EACvBN,MAAMO,OAAO,EACb;IAEJ;IACAC,aAAa;IACbC,QAAQ;QACNC,QAAQ;QACRnB,OAAO;QACPoB,SAAS;IACX;IACAC,0BAAyB9B,IAAI;QAC3B,OAAO;YACL+B,eAAe;YACfC,cAAcrB,cAAcX,KAAKG,UAAU,IAAI,SAASE;YACxD4B,WAAW3B,YAAYN,MAAM;YAC7BoB,WAAWrB,aAAaC,MAAM;YAC9BkC,WAAW1B,0BAA0BR,KAAKG,UAAU,EAAE;QACxD;IACF;IACAgC,MAAM;IACNC,YAAY;IACZC,QAAQ;IACRC,oBAAoB;IACpBC,SAAS;IACTC,iBAAiB;QACftB,OAAO;IACT;AACF,EAAC"}

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

@@ -0,0 +1,2 @@
+import type { LayoutDirectiveDefinition } from '../types.js';
+export declare const tabsDirective: LayoutDirectiveDefinition;