@sit-onyx/comark 0.0.0

package/README.md

@@ -0,0 +1,96 @@
+<div align="center" style="text-align: center">
+<img alt="Onyx logo" src="https://raw.githubusercontent.com/SchwarzIT/onyx/main/packages/assets/src/onyx-brand/signet.svg" height="96px">
+</div>
+
+<br>
+
+# @sit-onyx/comark
+
+Render markdown content with [onyx](https://onyx.schwarz/) components.
+
+It's a wrapper for the [@comark/vue](https://www.npmjs.com/package/@comark/vue) package using the onyx design system created by [Schwarz Digits](https://schwarz-digits.de).
+
+For runtime parsing and rendering of markdown use the [`OnyxComark`](#onyxcomark) component.
+Otherwise use the [`OnyxComarkRenderer`](#onyxcomarkrenderer) for server and build-time parsing with less client code required.
+
+## Getting Started
+
+### Step 1: Install package
+
+```sh
+pnpm add @sit-onyx/comark
+```
+
+### Step 2: Import styles
+
+Import the CSS file, either globally or in a single component:
+
+```ts
+// make sure to import the MDC styles AFTER the general "sit-onyx" styles
+// import "sit-onyx/style.css";
+import "@sit-onyx/comark/style.css";
+```
+
+## `OnyxComark`
+
+Simple runtime parser and renderer component for markdown.
+Just pass your markdown string:
+
+```vue
+<!-- App.vue -->
+<script setup lang="ts">
+import { OnyxComark } from "@sit-onyx/comark";
+
+const content = `# Hello World
+
+This is **markdown** with Comark components.
+`;
+</script>
+
+<template>
+  <!-- It is required to wrap OnyxComark in a Suspense block! -->
+  <Suspense>
+    <OnyxComark>{{ content }}</OnyxComark>
+  </Suspense>
+</template>
+```
+
+For more details check the [documentation for the `Comark` component](https://comark.dev/rendering/vue#code-comark).
+
+## `OnyxComarkRenderer`
+
+Renders a pre-parsed ComarkTree without any parsing. Use it when you parse on the server, in a build step, or via an API, so no parser or plugin code is shipped to the browser.
+
+### 1. Parse on the server/buildtime
+
+```ts
+// server.ts
+
+import { createParse } from "comark";
+import { readFile } from "node:fs/promises";
+
+const parse = createParse();
+
+// In your server handler
+export async function getContentTree(slug: string) {
+  const markdown = await readFile(`content/${slug}.md`, "utf-8");
+  return parse(markdown);
+}
+```
+
+### 2. Render the parsed tree
+
+```vue
+<!-- ContentPage.vue -->
+<script setup lang="ts">
+import { OnyxComarkRenderer } from "@sit-onyx/comark";
+const { slug } = defineProps<{ slug: string }>();
+
+const res = await fetch(`/api/content/${slug}`);
+const tree = await res.json();
+</script>
+
+<template>
+  <OnyxComarkRenderer :tree="tree" />
+</template>
+```

package/dist/components/comark.d.ts

@@ -0,0 +1,378 @@
+export declare const components: {
+    a: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            href?: string;
+            target?: import('sit-onyx').LinkTarget;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            href: string;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            href?: string;
+            target?: import('sit-onyx').LinkTarget;
+        }> & Readonly<{}>, {}, {}, {}, {}, {
+            href: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        href?: string;
+        target?: import('sit-onyx').LinkTarget;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        href: string;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    br: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    code: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    details: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    h1: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            id?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            id?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        id?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    h2: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            id?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            id?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        id?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    h3: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            id?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            id?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        id?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    h4: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            id?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            id?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        id?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    h5: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            id?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            id?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        id?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    h6: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            id?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            id?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        id?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    hr: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    ol: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    p: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    pre: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            language?: string;
+            filename?: string;
+            highlights?: number[];
+            meta?: string;
+            class?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            language?: string;
+            filename?: string;
+            highlights?: number[];
+            meta?: string;
+            class?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        language?: string;
+        filename?: string;
+        highlights?: number[];
+        meta?: string;
+        class?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    summary: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    table: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    thead: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    tbody: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    ul: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default(): unknown;
+        };
+    });
+    img: import('vue').DefineComponent<{
+        src?: string;
+        alt?: string;
+        width?: string | number;
+        height?: string | number;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        src?: string;
+        alt?: string;
+        width?: string | number;
+        height?: string | number;
+    }> & Readonly<{}>, {
+        src: string;
+        alt: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+};
+export declare const OnyxComark: import('vue').DefineComponent<import('@comark/vue/components/Comark').ComarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@comark/vue/components/Comark').ComarkProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export declare const OnyxComarkRenderer: import('vue').DefineComponent<import('@comark/vue/components/ComarkRenderer').ComarkRendererProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@comark/vue/components/ComarkRenderer').ComarkRendererProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/prose/ProseA.d.vue.ts

@@ -0,0 +1,19 @@
+import { LinkTarget } from 'sit-onyx';
+type __VLS_Props = {
+    href?: string;
+    target?: LinkTarget;
+};
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    href: string;
+}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseBr.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/prose/ProseCode.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseDetails.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseH1.d.vue.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    id?: string;
+};
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseH2.d.vue.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    id?: string;
+};
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseH3.d.vue.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    id?: string;
+};
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseH4.d.vue.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    id?: string;
+};
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseH5.d.vue.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    id?: string;
+};
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseH6.d.vue.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    id?: string;
+};
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseHr.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/prose/ProseImg.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    src?: string;
+    alt?: string;
+    width?: string | number;
+    height?: string | number;
+};
+declare const __VLS_export: import('@vue/runtime-core').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    src: string;
+    alt: string;
+}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/prose/ProseOl.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseP.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProsePre.d.vue.ts

@@ -0,0 +1,34 @@
+type __VLS_Props = {
+    /**
+     * Code language
+     *
+     * @example
+     *   js, ts, html, css, etc.
+     */
+    language?: string;
+    /**
+     * Filename.
+     */
+    filename?: string;
+    /**
+     * Highlighted code line numbers.
+     */
+    highlights?: number[];
+    meta?: string;
+    class?: string;
+};
+type __VLS_Slots = {
+    /**
+     * Renderer code snippet.
+     */
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseSummary.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseTable.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseTbody.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseThead.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/ProseUl.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default(): unknown;
+};
+declare const __VLS_base: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/prose/utils.d.ts

@@ -0,0 +1,20 @@
+import { InjectionKey, TemplateRef } from 'vue';
+export declare const PROSE_TABLE_INJECTION_KEY: InjectionKey<{
+    /**
+     * Vue template ref for the table head (`<thead>`) element.
+     * Should be used by the `ProseThead` to teleport the head content to the `ProseTable`.
+     */
+    headRef: TemplateRef;
+    /**
+     * Vue template ref for the table body (`<tbody>`) element.
+     * Should be used by the `ProseTbody` to teleport the head content to the `ProseTable`.
+     */
+    bodyRef: TemplateRef;
+}>;
+export declare const PROSE_DETAILS_INJECTION_KEY: InjectionKey<{
+    /**
+     * Vue template ref for the details / accordion header.
+     * Should be used by the `ProseSummary` to teleport the summary content to the `ProseDetails`.
+     */
+    headerRef: TemplateRef;
+}>;

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+export { default as ProseA } from './components/prose/ProseA.vue';
+export { default as ProseBr } from './components/prose/ProseBr.vue';
+export { default as ProseCode } from './components/prose/ProseCode.vue';
+export { default as ProseDetails } from './components/prose/ProseDetails.vue';
+export { default as ProseH1 } from './components/prose/ProseH1.vue';
+export { default as ProseH2 } from './components/prose/ProseH2.vue';
+export { default as ProseH3 } from './components/prose/ProseH3.vue';
+export { default as ProseH4 } from './components/prose/ProseH4.vue';
+export { default as ProseH5 } from './components/prose/ProseH5.vue';
+export { default as ProseH6 } from './components/prose/ProseH6.vue';
+export { default as ProseHr } from './components/prose/ProseHr.vue';
+export { default as ProseImg } from './components/prose/ProseImg.vue';
+export { default as ProseOl } from './components/prose/ProseOl.vue';
+export { default as ProseP } from './components/prose/ProseP.vue';
+export { default as ProsePre } from './components/prose/ProsePre.vue';
+export { default as ProseSummary } from './components/prose/ProseSummary.vue';
+export { default as ProseTable } from './components/prose/ProseTable.vue';
+export { default as ProseTbody } from './components/prose/ProseTbody.vue';
+export { default as ProseThead } from './components/prose/ProseThead.vue';
+export { default as ProseUl } from './components/prose/ProseUl.vue';
+export { OnyxComark, OnyxComarkRenderer } from './components/comark.js';

package/dist/index.js

@@ -0,0 +1,271 @@
+import { Teleport as e, computed as t, createBlock as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, guardReactiveProps as s, inject as c, normalizeClass as l, normalizeProps as ee, openBlock as u, provide as d, renderSlot as f, toDisplayString as p, unref as m, useId as te, useTemplateRef as h, withCtx as g } from "vue";
+import { OnyxAccordion as _, OnyxAccordionItem as ne, OnyxCodeTab as re, OnyxCodeTabs as ie, OnyxHeadline as v, OnyxLink as y, OnyxSeparator as b, OnyxTable as x, injectI18n as S } from "sit-onyx";
+import { defineComarkComponent as C, defineComarkRendererComponent as w } from "@comark/vue";
+//#endregion
+//#region src/components/prose/ProseA.vue
+var T = /* @__PURE__ */ o({
+	__name: "ProseA",
+	props: {
+		href: { default: "" },
+		target: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (u(), n(m(y), ee(s(t)), {
+			default: g(() => [f(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), E = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, D = {}, ae = { "aria-hidden": "true" };
+function oe(e, t) {
+	return u(), r("br", ae);
+}
+var O = /*#__PURE__*/ E(D, [["render", oe], ["__scopeId", "data-v-d52859e7"]]), se = { class: "onyx-text--small" }, k = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseCode",
+	setup(e) {
+		return (e, t) => (u(), r("code", se, [f(e.$slots, "default", {}, void 0, !0)]));
+	}
+}), [["__scopeId", "data-v-3d53c5e9"]]), A = Symbol(), j = Symbol(), ce = { class: "header" }, M = { class: "header__placeholder" }, N = {
+	ref: "header",
+	class: "header__content"
+}, P = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseDetails",
+	setup(e) {
+		let { t } = S(), r = te();
+		return d(j, { headerRef: h("header") }), (e, o) => (u(), n(m(_), {
+			class: "accordion",
+			type: "card"
+		}, {
+			default: g(() => [a(m(ne), { value: m(r) }, {
+				header: g(() => [i("div", ce, [i("span", M, p(m(t)("accordion.toggle")), 1), i("span", N, null, 512)])]),
+				default: g(() => [f(e.$slots, "default", {}, void 0, !0)]),
+				_: 3
+			}, 8, ["value"])]),
+			_: 3
+		}));
+	}
+}), [["__scopeId", "data-v-4178c16e"]]), F = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseH1",
+	props: { id: {} },
+	setup(e) {
+		let t = e;
+		return (e, r) => (u(), n(m(v), {
+			is: "h1",
+			hash: t.id
+		}, {
+			default: g(() => [f(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, ["hash"]));
+	}
+}), [["__scopeId", "data-v-c5760f34"]]), I = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseH2",
+	props: { id: {} },
+	setup(e) {
+		let t = e;
+		return (e, r) => (u(), n(m(v), {
+			is: "h2",
+			hash: t.id
+		}, {
+			default: g(() => [f(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, ["hash"]));
+	}
+}), [["__scopeId", "data-v-ca207127"]]), L = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseH3",
+	props: { id: {} },
+	setup(e) {
+		let t = e;
+		return (e, r) => (u(), n(m(v), {
+			is: "h3",
+			hash: t.id
+		}, {
+			default: g(() => [f(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, ["hash"]));
+	}
+}), [["__scopeId", "data-v-bd6aac0c"]]), R = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseH4",
+	props: { id: {} },
+	setup(e) {
+		let t = e;
+		return (e, r) => (u(), n(m(v), {
+			is: "h4",
+			hash: t.id
+		}, {
+			default: g(() => [f(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, ["hash"]));
+	}
+}), [["__scopeId", "data-v-2fae4049"]]), z = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseH5",
+	props: { id: {} },
+	setup(e) {
+		let t = e;
+		return (e, r) => (u(), n(m(v), {
+			is: "h5",
+			hash: t.id
+		}, {
+			default: g(() => [f(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, ["hash"]));
+	}
+}), [["__scopeId", "data-v-be90357a"]]), B = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseH6",
+	props: { id: {} },
+	setup(e) {
+		let t = e;
+		return (e, r) => (u(), n(m(v), {
+			is: "h6",
+			hash: t.id
+		}, {
+			default: g(() => [f(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, ["hash"]));
+	}
+}), [["__scopeId", "data-v-e10c9588"]]), V = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseHr",
+	setup(e) {
+		return (e, t) => (u(), n(m(b), { class: "separator" }));
+	}
+}), [["__scopeId", "data-v-88aee9af"]]), H = [
+	"src",
+	"alt",
+	"width",
+	"height"
+], U = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseImg",
+	props: {
+		src: { default: "" },
+		alt: { default: "" },
+		width: {},
+		height: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (u(), r("img", {
+			src: t.src,
+			alt: t.alt,
+			width: t.width,
+			height: t.height,
+			loading: "lazy"
+		}, null, 8, H));
+	}
+}), [["__scopeId", "data-v-f39db070"]]), W = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseOl",
+	setup(e) {
+		return (e, t) => (u(), r("ol", null, [f(e.$slots, "default", {}, void 0, !0)]));
+	}
+}), [["__scopeId", "data-v-5adc6f71"]]), G = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseP",
+	setup(e) {
+		return (e, t) => (u(), r("p", null, [f(e.$slots, "default", {}, void 0, !0)]));
+	}
+}), [["__scopeId", "data-v-8d5bfaf8"]]), K = "code", q = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProsePre",
+	props: {
+		language: {},
+		filename: {},
+		highlights: {},
+		meta: {},
+		class: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (u(), n(m(ie), {
+			class: "code",
+			"model-value": K
+		}, {
+			default: g(() => [a(m(re), {
+				value: K,
+				code: "",
+				language: t.language,
+				label: t.filename
+			}, {
+				default: g(() => [i("pre", { class: l(t.class) }, [f(e.$slots, "default", {}, void 0, !0)], 2)]),
+				_: 3
+			}, 8, ["language", "label"])]),
+			_: 3
+		}));
+	}
+}), [["__scopeId", "data-v-ddb4756f"]]), J = /* @__PURE__ */ o({
+	__name: "ProseSummary",
+	setup(r) {
+		let i = c(j, void 0), a = t(() => i?.headerRef.value);
+		return (t, r) => a.value ? (u(), n(e, {
+			key: 0,
+			to: a.value
+		}, [f(t.$slots, "default")], 8, ["to"])) : f(t.$slots, "default", {}, void 0, void 0, 1);
+	}
+}), Y = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseTable",
+	setup(e) {
+		return d(A, {
+			headRef: h("head"),
+			bodyRef: h("body")
+		}), (e, t) => (u(), n(m(x), {
+			class: "table",
+			striped: "",
+			"with-vertical-borders": ""
+		}, {
+			head: g(() => [...t[0] ||= []]),
+			default: g(() => [f(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}));
+	}
+}), [["__scopeId", "data-v-52d1d2c2"]]), X = /* @__PURE__ */ o({
+	__name: "ProseTbody",
+	setup(t) {
+		let r = c(A, void 0);
+		return (t, i) => m(r)?.bodyRef.value ? (u(), n(e, {
+			key: 0,
+			to: m(r).bodyRef.value
+		}, [f(t.$slots, "default")], 8, ["to"])) : f(t.$slots, "default", {}, void 0, void 0, 1);
+	}
+}), Z = /* @__PURE__ */ o({
+	__name: "ProseThead",
+	setup(t) {
+		let r = c(A, void 0);
+		return (t, i) => m(r)?.headRef.value ? (u(), n(e, {
+			key: 0,
+			to: m(r).headRef.value
+		}, [f(t.$slots, "default")], 8, ["to"])) : f(t.$slots, "default", {}, void 0, void 0, 1);
+	}
+}), Q = /*#__PURE__*/ E(/* @__PURE__ */ o({
+	__name: "ProseUl",
+	setup(e) {
+		return (e, t) => (u(), r("ul", null, [f(e.$slots, "default", {}, void 0, !0)]));
+	}
+}), [["__scopeId", "data-v-17a11577"]]), $ = {
+	a: T,
+	br: O,
+	code: k,
+	details: P,
+	h1: F,
+	h2: I,
+	h3: L,
+	h4: R,
+	h5: z,
+	h6: B,
+	hr: V,
+	ol: W,
+	p: G,
+	pre: q,
+	summary: J,
+	table: Y,
+	thead: Z,
+	tbody: X,
+	ul: Q,
+	img: U
+}, le = C({
+	components: $,
+	class: "onyx-component onyx-comark"
+}), ue = w({
+	components: $,
+	class: "onyx-component onyx-comark-renderer"
+});
+//#endregion
+export { le as OnyxComark, ue as OnyxComarkRenderer, T as ProseA, O as ProseBr, k as ProseCode, P as ProseDetails, F as ProseH1, I as ProseH2, L as ProseH3, R as ProseH4, z as ProseH5, B as ProseH6, V as ProseHr, U as ProseImg, W as ProseOl, G as ProseP, q as ProsePre, J as ProseSummary, Y as ProseTable, X as ProseTbody, Z as ProseThead, Q as ProseUl };

package/dist/style.css

@@ -0,0 +1,2 @@
+@layer onyx.component{:root{--onyx-markdown-renderer-margin-block:var(--onyx-density-md)}.onyx-comark,.onyx-comark-renderer{font-family:var(--onyx-font-family-paragraph)}}br[data-v-d52859e7]{height:1lh;display:block}code[data-v-3d53c5e9]{background-color:var(--onyx-color-base-background-blank);border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);border-radius:var(--onyx-radius-sm);padding:var(--onyx-density-3xs) var(--onyx-density-2xs)}.accordion[data-v-4178c16e]{margin-block:var(--onyx-markdown-renderer-margin-block)}.header:has(.header__content:not(:empty)) .header__placeholder[data-v-4178c16e]{display:none}.onyx-headline[data-v-c5760f34]{margin-bottom:var(--onyx-density-lg)}.onyx-headline[data-v-ca207127]{margin-top:var(--onyx-density-2xl);margin-bottom:var(--onyx-density-xs)}.onyx-headline[data-v-bd6aac0c]{margin-top:var(--onyx-density-xl);margin-bottom:var(--onyx-density-2xs)}.onyx-headline[data-v-2fae4049],.onyx-headline[data-v-be90357a],.onyx-headline[data-v-e10c9588]{margin-top:var(--onyx-density-lg);margin-bottom:var(--onyx-density-3xs)}.separator[data-v-88aee9af]{margin-block:var(--onyx-markdown-renderer-margin-block)}img[data-v-f39db070]{max-width:100%;display:inline-block}ol[data-v-5adc6f71]{margin-block:var(--onyx-density-xs)}p[data-v-8d5bfaf8],.code[data-v-ddb4756f],.table[data-v-52d1d2c2]{margin-block:var(--onyx-markdown-renderer-margin-block)}ul[data-v-17a11577]{margin-block:var(--onyx-density-xs)}
+/*$vite$:1*/

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@sit-onyx/comark",
+  "version": "0.0.0",
+  "description": "Wrapper for the comark package using the onyx design system created by Schwarz Digits",
+  "bugs": {
+    "url": "https://github.com/SchwarzIT/onyx/issues"
+  },
+  "license": "Apache-2.0",
+  "author": "Schwarz Digits IT KG",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/SchwarzIT/onyx",
+    "directory": "packages/comark"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test:playwright": "playwright install && playwright test"
+  },
+  "devDependencies": {
+    "@comark/vue": "^0.5.1",
+    "@playwright/experimental-ct-vue": "catalog:",
+    "@playwright/test": "catalog:",
+    "@sit-onyx/playwright-utils": "workspace:^",
+    "@sit-onyx/shared": "workspace:^",
+    "@vue/compiler-dom": "catalog:",
+    "sit-onyx": "workspace:^",
+    "unplugin-dts": "catalog:",
+    "vite": "catalog:",
+    "vue": "catalog:"
+  },
+  "peerDependencies": {
+    "@comark/vue": ">=0.5.0",
+    "sit-onyx": "workspace:^",
+    "vue": ">= 3.5.0"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}