@jaroslava/plugin-core-components 1.0.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2026 Jaroslava SDK Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a
+copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be included
+in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/components/code.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDefinition } from "@jaroslava/types";
+export declare const codeComponent: ComponentDefinition;
+//# sourceMappingURL=code.d.ts.map

package/dist/components/code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/components/code.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAiB,MAAM,kBAAkB,CAAC;AAE3E,eAAO,MAAM,aAAa,EAAE,mBAqC3B,CAAC"}

package/dist/components/code.js

@@ -0,0 +1,46 @@
+export const codeComponent = {
+    kind: "code",
+    displayName: "Code Block",
+    parse: {
+        // The inline header after `@code` (e.g. "bash") is captured as the
+        // `language` attribute. The actual body is consumed verbatim by the
+        // parser's builder (special-cased for kind === "code") rather than via
+        // parseBodyLine, since code content must never be attribute/inline-parsed.
+        parseInlineHeader(remainder) {
+            return remainder ? { language: remainder } : undefined;
+        },
+    },
+    render(node) {
+        const codeChild = node.children.find((c) => c.type === "CodeBlock");
+        const code = codeChild?.code ?? "";
+        const language = codeChild?.language ?? node.attrs.language;
+        const langClass = language ? ` class="language-${language}"` : "";
+        return {
+            html: [
+                `<div class="jaro-code-block">`,
+                `  <pre><code${langClass}>${escapeHtml(code)}</code></pre>`,
+                `</div>`,
+            ].join("\n"),
+            css: [
+                ".jaro-code-block { background: var(--jaro-code-bg); border: 0.5px solid var(--line); border-radius: 3px; padding: 0.5rem 0.75rem; font-size: 0.75rem; color: var(--jaro-code); margin-bottom: 0.6rem; font-family: 'JetBrains Mono', monospace;}",
+            ]
+        };
+    },
+    serialize(node, ctx) {
+        const codeChild = node.children.find((c) => c.type === "CodeBlock");
+        if (!codeChild)
+            return undefined;
+        const indent = ctx.indentUnit.repeat(ctx.depth);
+        const bodyIndent = ctx.indentUnit.repeat(ctx.depth + 1);
+        const header = codeChild.language ? `${indent}@code ${codeChild.language}` : `${indent}@code`;
+        const bodyLines = codeChild.code.split("\n").map((l) => `${bodyIndent}${l}`);
+        return [header, ...bodyLines];
+    },
+};
+function escapeHtml(value) {
+    return value
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;");
+}
+//# sourceMappingURL=code.js.map

package/dist/components/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","sourceRoot":"","sources":["../../src/components/code.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAwB;IAChD,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,YAAY;IACzB,KAAK,EAAE;QACL,mEAAmE;QACnE,oEAAoE;QACpE,uEAAuE;QACvE,2EAA2E;QAC3E,iBAAiB,CAAC,SAAS;YACzB,OAAO,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACzD,CAAC;KACF;IACD,MAAM,CAAC,IAAI;QACT,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAsB,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC;QACxF,MAAM,IAAI,GAAG,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC;QACnC,MAAM,QAAQ,GAAG,SAAS,EAAE,QAAQ,IAAK,IAAI,CAAC,KAAK,CAAC,QAA+B,CAAC;QACpF,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,oBAAoB,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QAClE,OAAO;YACL,IAAI,EAAE;gBACJ,+BAA+B;gBAC/B,eAAe,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,eAAe;gBAC3D,QAAQ;aACT,CAAC,IAAI,CAAC,IAAI,CAAC;YACZ,GAAG,EAAE;gBACH,kPAAkP;aACnP;SACF,CAAC;IACJ,CAAC;IACD,SAAS,CAAC,IAAI,EAAE,GAAG;QACjB,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAsB,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC;QACxF,IAAI,CAAC,SAAS;YAAE,OAAO,SAAS,CAAC;QACjC,MAAM,MAAM,GAAG,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,UAAU,GAAG,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACxD,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,SAAS,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,GAAG,MAAM,OAAO,CAAC;QAC9F,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC,CAAC;QAC7E,OAAO,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC;IAChC,CAAC;CACF,CAAC;AAEF,SAAS,UAAU,CAAC,KAAa;IAC/B,OAAO,KAAK;SACT,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC3B,CAAC"}

package/dist/components/grid-and-card.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentDefinition } from "@jaroslava/types";
+export declare const gridComponent: ComponentDefinition;
+export declare const cardComponent: ComponentDefinition;
+//# sourceMappingURL=grid-and-card.d.ts.map

package/dist/components/grid-and-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-and-card.d.ts","sourceRoot":"","sources":["../../src/components/grid-and-card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,eAAO,MAAM,aAAa,EAAE,mBAe3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,mBAuE3B,CAAC"}

package/dist/components/grid-and-card.js

@@ -0,0 +1,98 @@
+export const gridComponent = {
+    kind: "grid",
+    displayName: "Grid",
+    schema: {
+        kind: "grid",
+        allowedChildKinds: ["card"],
+    },
+    render(_node, renderedChildren) {
+        return {
+            html: `<div class="jaro-grid">\n${renderedChildren}\n</div>`,
+            css: [
+                ".jaro-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; margin: 15px 0 }",
+            ],
+        };
+    },
+};
+export const cardComponent = {
+    kind: "card",
+    displayName: "Card",
+    schema: {
+        kind: "card",
+        attributes: {
+            title: { type: "string", required: true },
+            description: { type: "string", required: false },
+            // `cover` is intentionally NOT schema-typed here: its raw value is
+            // a call-expression (e.g. img("finflow.jpg")), represented as a
+            // JaroAttributeCallValue object rather than a plain string/number/
+            // boolean/array/object — shapes the generic AttributeSchema checker
+            // in @jaroslava/validator currently understands. Components whose
+            // attributes use call syntax validate that attribute in their own
+            // `validate` hook instead of via the generic schema, until/unless
+            // AttributeSchema grows a "call" type (see ARCHITECTURE.md, future
+            // language versions / extensibility notes).
+        },
+    },
+    parse: {
+        parseInlineHeader(remainder) {
+            return remainder && remainder.includes("->") ? { link: remainder.split("->")[1].replace(/["]/g, "").trim() } : undefined;
+        },
+    },
+    validate(node) {
+        const diagnostics = [];
+        if (!node.attrs.title) {
+            diagnostics.push({
+                severity: "error",
+                code: "card-missing-title",
+                message: "@card requires a `title` attribute.",
+            });
+        }
+        if (node.attrs.cover !== undefined && extractCoverUrl(node.attrs.cover) === undefined) {
+            diagnostics.push({
+                severity: "warning",
+                code: "card-invalid-cover",
+                message: '@card\'s `cover` attribute should be a call expression like img("url.jpg") or a plain URL string.',
+            });
+        }
+        return diagnostics;
+    },
+    render(node) {
+        const title = String(node.attrs.title ?? "");
+        const description = node.attrs.description ? String(node.attrs.description) : undefined;
+        // `cover` is typically a Call node (img("...")) but may already have
+        // been coerced to a plain string by the generic attribute parser;
+        // handle both shapes defensively.
+        const cover = extractCoverUrl(node.attrs.cover);
+        const link = node.attrs.link ? String(node.attrs.link) : undefined;
+        return {
+            html: [
+                link ? `<a href="${link.startsWith("https://") ? link : "https://" + link}" target="_blank" class="jaro-card-link">` : "",
+                `<article class="jaro-card">`,
+                cover ? `  <img class="jaro-card-cover" src="${cover}" />` : "<div class='jaro-card-cover'></div>",
+                `  <h3 class="jaro-card-title">${title}</h3>`,
+                description ? `  <p class="jaro-card-description">${description}</p>` : "",
+                `</article>`,
+                link ? `</a>` : "",
+            ]
+                .filter(Boolean)
+                .join("\n"),
+            css: [
+                ".jaro-card { background: var(--line); border: 0.5px solid var(--line); border-radius: 3px; overflow: hidden; max-height: 300px;}",
+                ".jaro-card-cover { width: calc(100% - 4px); aspect-ratio: 16/9; object-fit: cover; margin: 2px; background: var(--jaro-bg); display: flex; align-items: center; justify-content: center;}",
+                ".jaro-card-title {font-size: 0.82rem; font-weight: 600; color: var(--text); padding: 0 12px}",
+                ".jaro-card-description {font-size: 0.7rem; color: var(--muted); padding: 0 12px}",
+                ".jaro-card-link { text-decoration: none; }",
+            ],
+        };
+    },
+};
+function extractCoverUrl(value) {
+    if (typeof value === "string")
+        return value;
+    if (value && typeof value === "object" && value.__call) {
+        const args = value.args;
+        return typeof args[0] === "string" ? args[0] : undefined;
+    }
+    return undefined;
+}
+//# sourceMappingURL=grid-and-card.js.map

package/dist/components/grid-and-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-and-card.js","sourceRoot":"","sources":["../../src/components/grid-and-card.ts"],"names":[],"mappings":"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"}

package/dist/components/hero.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDefinition } from "@jaroslava/types";
+export declare const heroComponent: ComponentDefinition;
+//# sourceMappingURL=hero.d.ts.map

package/dist/components/hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../src/components/hero.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,eAAO,MAAM,aAAa,EAAE,mBA0B3B,CAAC"}

package/dist/components/hero.js

@@ -0,0 +1,28 @@
+export const heroComponent = {
+    kind: "hero",
+    displayName: "Hero",
+    schema: {
+        kind: "hero",
+        attributes: {
+            heading: { type: "string", required: true },
+            id: { type: "string", required: false },
+        },
+    },
+    render(node, renderedChildren) {
+        const heading = String(node.attrs.heading ?? "");
+        const anchor = node.attrs.id ? ` id="${String(node.attrs.id)}"` : "";
+        return {
+            html: [
+                `<section class="jaro-hero"${anchor}>`,
+                `  <h2 class="jaro-hero-heading">${heading}</h2>`,
+                renderedChildren ? `  <div class="jaro-hero-body">${renderedChildren}</div>` : "",
+                `</section>`,
+            ].join("\n"),
+            css: [
+                ".jaro-hero {margin-bottom: 3rem;}",
+                ".jaro-hero-heading {font-size: 1.1rem; font-weight: 700; color: var(--text);}"
+            ]
+        };
+    },
+};
+//# sourceMappingURL=hero.js.map

package/dist/components/hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero.js","sourceRoot":"","sources":["../../src/components/hero.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAwB;IAChD,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,MAAM;IACnB,MAAM,EAAE;QACN,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YAC3C,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;SACxC;KACF;IACD,MAAM,CAAC,IAAI,EAAE,gBAAgB;QAC3B,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACrE,OAAO;YACL,IAAI,EAAE;gBACJ,6BAA6B,MAAM,GAAG;gBACtC,mCAAmC,OAAO,OAAO;gBACjD,gBAAgB,CAAC,CAAC,CAAC,iCAAiC,gBAAgB,QAAQ,CAAC,CAAC,CAAC,EAAE;gBACjF,YAAY;aACb,CAAC,IAAI,CAAC,IAAI,CAAC;YACZ,GAAG,EAAE;gBACH,mCAAmC;gBACnC,+EAA+E;aAChF;SACF,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/components/list.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDefinition } from "@jaroslava/types";
+export declare const listComponent: ComponentDefinition;
+//# sourceMappingURL=list.d.ts.map

package/dist/components/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/components/list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EAIpB,MAAM,kBAAkB,CAAC;AAG1B,eAAO,MAAM,aAAa,EAAE,mBAqC3B,CAAC"}

package/dist/components/list.js

@@ -0,0 +1,50 @@
+import { parseInline } from "@jaroslava/utils";
+export const listComponent = {
+    kind: "list",
+    displayName: "List",
+    schema: {
+        kind: "list",
+        attributes: {
+            direction: { type: "enum", enumValues: ["row", "column"], required: false },
+        },
+    },
+    parse: {
+        parseBodyLine(line, ctx) {
+            // A list "row" is any line containing the `->` link arrow. Plain
+            // `key: value` attribute lines (e.g. `direction: column`) never reach
+            // here — the generic builder claims attribute-shaped lines before
+            // offering the line to plugin hooks.
+            if (!line.includes("->"))
+                return null;
+            return parseInline(line, {
+                generateId: ctx.generateId,
+            });
+        },
+    },
+    render(node, _renderedChildren, ctx) {
+        const direction = node.attrs.direction ?? "column";
+        const rows = node.children.map((child) => renderRow(child, ctx)).join("\n");
+        return {
+            html: `<ul class="jaro-list jaro-list-${direction}">\n${rows}\n</ul>`,
+            css: [
+                ".jaro-list { list-style: none; padding: 0; display: flex; gap: 0.75rem; margin: 0; flex-wrap: wrap; justify-content: center; margin-bottom: 10px;}",
+                ".jaro-list-column {flex-direction: column;}",
+                ".jaro-list-row { flex-direction: row; }",
+                ".jaro-list-item {  transition: transform 0.3s ease; display: flex; align-items: center; justify-content: space-between; height: 48px; border: 1px solid var(--line); border-radius: 12px; background: var(--line);font-size: 0.82rem; color: #DDD; padding: 0 15px 0 10px; outline: none;transition: border-color .2s;}",
+                ".jaro-list-item:hover {transform: scale(1.1);}",
+                ".jaro-list-item img {height: 75%; margin: 5px;border-radius: 8px;}",
+                ""
+            ],
+        };
+    },
+};
+function renderRow(node, ctx) {
+    if (node.type === "InlineGroup") {
+        return `<li class="jaro-list-item">${renderInlineGroup(node, ctx)}</li>`;
+    }
+    return `<li class="jaro-list-item">${ctx.renderNode(node).html}</li>`;
+}
+function renderInlineGroup(group, ctx) {
+    return group.items.map((item) => ctx.renderNode(item).html).join(" ");
+}
+//# sourceMappingURL=list.js.map

package/dist/components/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/components/list.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,CAAC,MAAM,aAAa,GAAwB;IAChD,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,MAAM;IACnB,MAAM,EAAE;QACN,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE;YACV,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;SAC5E;KACF;IACD,KAAK,EAAE;QACL,aAAa,CAAC,IAAI,EAAE,GAAG;YACrB,iEAAiE;YACjE,sEAAsE;YACtE,kEAAkE;YAClE,qCAAqC;YACrC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;gBAAE,OAAO,IAAI,CAAC;YACtC,OAAO,WAAW,CAAC,IAAI,EAAE;gBACvB,UAAU,EAAE,GAAG,CAAC,UAAU;aAC3B,CAAC,CAAC;QACL,CAAC;KACF;IACD,MAAM,CAAC,IAAI,EAAE,iBAAiB,EAAE,GAAG;QACjC,MAAM,SAAS,GAAI,IAAI,CAAC,KAAK,CAAC,SAAoB,IAAI,QAAQ,CAAC;QAC/D,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5E,OAAO;YACL,IAAI,EAAE,kCAAkC,SAAS,OAAO,IAAI,SAAS;YACrE,GAAG,EAAE;gBACH,oJAAoJ;gBACpJ,6CAA6C;gBAC7C,yCAAyC;gBACzC,yTAAyT;gBACzT,gDAAgD;gBAChD,oEAAoE;gBACpE,EAAE;aACH;SACF,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,SAAS,SAAS,CAAC,IAAa,EAAE,GAAkB;IAClD,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;QAChC,OAAO,8BAA8B,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3E,CAAC;IACD,OAAO,8BAA8B,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,OAAO,CAAC;AACxE,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAsB,EAAE,GAAkB;IACnE,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxE,CAAC"}

package/dist/components/page.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDefinition } from "@jaroslava/types";
+export declare const pageComponent: ComponentDefinition;
+//# sourceMappingURL=page.d.ts.map

package/dist/components/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../src/components/page.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,eAAO,MAAM,aAAa,EAAE,mBAsC3B,CAAC"}

package/dist/components/page.js

@@ -0,0 +1,181 @@
+export const pageComponent = {
+    kind: "page",
+    displayName: "Page",
+    schema: {
+        kind: "page",
+        attributes: {
+            title: { type: "string", required: true },
+            layout: {
+                type: "enum",
+                enumValues: ["linkhub", "blog", "newsletter", "documentation", "portfolio", "docs"],
+                required: false,
+            },
+            theme: { type: "enum", enumValues: ["light", "dark", "toggled"], required: false },
+        },
+    },
+    render(node, renderedChildren, ctx) {
+        const theme = node.attrs.theme ?? ctx.theme ?? "light";
+        const title = node.attrs.title ?? "Untitled";
+        const layout = String(node.attrs.layout ?? "default");
+        const html = [
+            "<!doctype html>",
+            `<html lang="en" data-theme="${escapeAttr(theme)}">`,
+            "<head>",
+            '  <meta charset="utf-8" />',
+            '  <meta name="viewport" content="width=device-width, initial-scale=1" />',
+            `  <title>${escapeHtml(title)}</title>`,
+            "</head>",
+            `<style>${getPageStyle(layout)}</style>`,
+            `<body class="jaro-page jaro-layout-${escapeAttr(String(node.attrs.layout ?? "default"))}">`,
+            wrap(renderedChildren, layout),
+            "</body>",
+            "</html>",
+        ].join("\n");
+        return {
+            html,
+            css: [BASE_PAGE_CSS],
+        };
+    },
+};
+const DEFAULT_CSS = `
+.jaro-page {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+.jaro-layout-default {
+  display: block;
+}
+
+.jaro-text {font-size: 0.8rem; color: var(--muted); margin-top: 0.2rem;}
+
+.jaro-link {text-decoration: none;color: var(--jaro-fg);}
+`;
+const DOC_CSS = `
+.jaro-docs {
+  display: grid; 
+  grid-template-columns: 110px 1fr; 
+  gap: 1rem; 
+  height: 100%;
+}
+.jaro-layout-doc {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 3rem;
+}
+
+article {
+  line-height: 1.8;
+}
+
+pre {
+  overflow-x: auto;
+}
+
+code {
+  font-family: monospace;
+}
+
+`;
+const PORTFOLIO_CSS = `
+.jaro-layout-portfolio {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+.jaro-layout-portfolio .projects {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 1.5rem;
+}
+`;
+const BLOG_CSS = `
+.jaro-layout-blog {
+  max-width: 680px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+.jaro-layout-blog article {
+  margin-bottom: 3rem;
+}
+
+.jaro-layout-blog h1,
+.jaro-layout-blog h2 {
+  margin-bottom: 1rem;
+}
+
+.jaro-layout-blog p {
+  line-height: 1.8;
+}
+
+.jaro-post {
+  border-bottom: 1px solid var(--muted);
+}
+
+`;
+const LINKHUB_CSS = `
+.jaro-layout-linkhub {
+  max-width: 400px;
+  margin: 0 auto;
+  padding: 2rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.jaro-container-linkhub {
+  border-radius: 10px;
+  padding: 2rem;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
+}
+`;
+const PAGE_STYLES = {
+    default: DEFAULT_CSS,
+    linkhub: LINKHUB_CSS,
+    blog: BLOG_CSS,
+    portfolio: PORTFOLIO_CSS,
+    doc: DOC_CSS,
+};
+function getPageStyle(style) {
+    const layout = PAGE_STYLES[style.toLowerCase()] ?? "";
+    return `${DEFAULT_CSS}\n${layout}`;
+}
+function escapeHtml(value) {
+    return value
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;");
+}
+function escapeAttr(value) {
+    return value.replace(/"/g, "&quot;");
+}
+function wrap(value, style) {
+    if (style === 'doc') {
+        return `<div class="jaro-docs">${wrapContentDoc(value)}</div>`;
+    }
+    if (style === 'linkhub')
+        return `<div class="jaro-container-linkhub">${value}</div>`;
+    return value;
+}
+function wrapContentDoc(html) {
+    const marker = "</div>\n<section";
+    const index = html.indexOf(marker);
+    if (index === -1)
+        return html;
+    const sidebar = html.substring(0, index + 6); // inclui </div>
+    const content = html.substring(index + 6);
+    return `${sidebar}
+    <div class="jaro-content">
+    ${content}
+    </div>`;
+}
+const BASE_PAGE_CSS = `
+:root[data-theme="dark"] { --jaro-bg: #0F0F0D; --jaro-fg: #f4f4f5;  --line: #1E1C18; --muted: #666; --text: #F0EFEB; --jaro-code: #8BAD6B; --jaro-code-bg: #0C0C0B;}
+:root[data-theme="light"] { --jaro-bg: #EBDFC7; --jaro-fg: #0b0b0d; --line: #EBEBDF; --muted: #0b0b0d; --text: #C47A45; --jaro-code: #8BAD6B; --jaro-code-bg: #EBEBDF;}
+.jaro-page { --jaro: #C47A45; background: var(--jaro-bg, #fff); color: var(--jaro-fg, #0b0b0d); font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin: 0; }
+.jaro-img {width: 100%;}
+`;
+//# sourceMappingURL=page.js.map

package/dist/components/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../src/components/page.ts"],"names":[],"mappings":"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"}

package/dist/components/post.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDefinition } from "@jaroslava/types";
+export declare const postComponent: ComponentDefinition;
+//# sourceMappingURL=post.d.ts.map

package/dist/components/post.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"post.d.ts","sourceRoot":"","sources":["../../src/components/post.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,eAAO,MAAM,aAAa,EAAE,mBAsC3B,CAAC"}

package/dist/components/post.js

@@ -0,0 +1,66 @@
+export const postComponent = {
+    kind: "post",
+    displayName: "Blog Post",
+    schema: {
+        kind: "post",
+        attributes: {
+            title: { type: "string", required: true },
+            date: { type: "string", required: false },
+            // Declared as "string" here because the generic parser intentionally
+            // does not auto-split comma-bearing attribute values (splitting is
+            // component-specific — see coerceAttrValue in @jaroslava/parser).
+            // @post accepts either a comma-separated string ("UX, Psychology")
+            // or, if constructed programmatically, a real string[]; both are
+            // normalized to an array at render time via `splitTags` below.
+            tags: { type: "string", required: false },
+        },
+    },
+    render(node, renderedChildren) {
+        const title = String(node.attrs.title ?? "");
+        const date = node.attrs.date ? String(node.attrs.date) : '';
+        const tags = splitTags(node.attrs.tags);
+        const html = [
+            `<article class="jaro-post">`,
+            `  <span class="jaro-post-meta">${formatDate(date)} · ${tags.map((t) => `${String(t).trim()}`).join(" · ")}</span>`,
+            `  <h2 class="jaro-post-title">${title}</h2>`,
+            `  <div class="jaro-post-body">${renderedChildren}</div>`,
+            `</article>`,
+        ]
+            .filter(Boolean)
+            .join("\n");
+        const css = [
+            ".jaro-post {margin-bottom: 2rem;}",
+            ".jaro-post-meta {font-size: 0.68rem; color: var(--muted); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 0.3rem;}",
+            ".jaro-post-title {font-size: 0.95rem; font-weight: 600; color: var(--text); margin-bottom: 0.35rem;}",
+        ];
+        return { html, css };
+    },
+};
+/**
+ * `tags` is conceptually a list, but the generic parser deliberately keeps
+ * comma-bearing attribute values as plain strings (splitting is component-
+ * specific, not a language-level rule). @post owns the decision to split
+ * its own `tags` field here, at render time.
+ */
+function splitTags(value) {
+    if (Array.isArray(value))
+        return value.map(String);
+    if (typeof value === "string") {
+        return value
+            .split(",")
+            .map((t) => t.trim())
+            .filter(Boolean);
+    }
+    return [];
+}
+function formatDate(dateStr) {
+    if (dateStr == "")
+        return "";
+    const date = new Date(dateStr);
+    return date.toLocaleDateString('en-US', {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric'
+    }).replace(',', '');
+}
+//# sourceMappingURL=post.js.map

package/dist/components/post.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post.js","sourceRoot":"","sources":["../../src/components/post.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAwB;IAChD,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,WAAW;IACxB,MAAM,EAAE;QACN,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE;YACV,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACzC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,qEAAqE;YACrE,mEAAmE;YACnE,kEAAkE;YAClE,mEAAmE;YACnE,iEAAiE;YACjE,+DAA+D;YAC/D,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;SAC1C;KACF;IACD,MAAM,CAAC,IAAI,EAAE,gBAAgB;QAC3B,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5D,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACxC,MAAM,IAAI,GAAG;YACX,6BAA6B;YAC7B,kCAAkC,UAAU,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;YACnH,iCAAiC,KAAK,OAAO;YAC7C,iCAAiC,gBAAgB,QAAQ;YACzD,YAAY;SACb;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,MAAM,GAAG,GAAG;YACV,mCAAmC;YACnC,sIAAsI;YACtI,sGAAsG;SACvG,CAAC;QACF,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;IACvB,CAAC;CACF,CAAC;AAEF;;;;;GAKG;AACH,SAAS,SAAS,CAAC,KAAc;IAC/B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACnD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK;aACT,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;aACpB,MAAM,CAAC,OAAO,CAAC,CAAC;IACrB,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAS,UAAU,CAAC,OAAgB;IAClC,IAAG,OAAO,IAAI,EAAE;QAAE,OAAO,EAAE,CAAC;IAE5B,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IAE/B,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AACtB,CAAC"}

package/dist/components/profile.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentDefinition } from "@jaroslava/types";
+export declare const profileComponent: ComponentDefinition;
+export declare function getInicials(value: string): string;
+//# sourceMappingURL=profile.d.ts.map

package/dist/components/profile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile.d.ts","sourceRoot":"","sources":["../../src/components/profile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,eAAO,MAAM,gBAAgB,EAAE,mBAsC9B,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,UAGxC"}

package/dist/components/profile.js

@@ -0,0 +1,43 @@
+export const profileComponent = {
+    kind: "profile",
+    displayName: "Profile",
+    schema: {
+        kind: "profile",
+        attributes: {
+            name: { type: "string", required: true },
+            role: { type: "string", required: false },
+            avatar: { type: "string", required: false },
+        },
+    },
+    render(node) {
+        const name = String(node.attrs.name ?? "");
+        const role = String(node.attrs.role ?? "");
+        const avatar = String(node.attrs.avatar ?? "");
+        const html = [
+            `<section class="jaro-profile">`,
+            avatar
+                ? `  <img class="jaro-avatar" src="${avatar}" alt="${name}" />`
+                : `  <div class="jaro-avatar">${getInicials(name)}</div>`,
+            `  <h1 class="jaro-profile-name">${name}</h1>`,
+            role ? `  <p class="jaro-profile-role">${role}</p>` : "",
+            `</section>`,
+        ]
+            .filter(Boolean)
+            .join("\n");
+        return {
+            html,
+            css: [
+                ".jaro-profile { display:flex; flex-direction:column; align-items:center; text-align:center; padding:4rem 1.5rem; }",
+                ".jaro-avatar { display: flex; justify-content: center; align-items: center; width:88px; height:88px; border-radius:50%; object-fit:cover; border:2px solid var(--line); margin-bottom:1.5rem; color: white; font-size: xx-large;}",
+                ".jaro-profile-name { margin:0; font-size:2rem; font-weight:400; line-height:1.2; color:var(--jaro-text,#fff); }",
+                ".jaro-profile-role { margin-top:0.5rem; margin-bottom:0; font-size:0.875rem; color:var(--muted); letter-spacing:0.08em; }",
+            ]
+        };
+    }
+};
+export function getInicials(value) {
+    if (value.trim() === "")
+        return "";
+    return `${value.split(" ")?.at(0)?.at(0)?.toUpperCase()}${value.split(" ")?.at(1)?.at(0)?.toUpperCase()}`;
+}
+//# sourceMappingURL=profile.js.map

package/dist/components/profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile.js","sourceRoot":"","sources":["../../src/components/profile.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAwB;IACnD,IAAI,EAAE,SAAS;IACf,WAAW,EAAE,SAAS;IACtB,MAAM,EAAE;QACN,IAAI,EAAE,SAAS;QACf,UAAU,EAAE;YACV,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACxC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;SAC5C;KACF;IACD,MAAM,CAAC,IAAI;QACT,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QAC3C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QAC3C,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;QAE/C,MAAM,IAAI,GAAG;YACX,gCAAgC;YAChC,MAAM;gBACJ,CAAC,CAAC,mCAAmC,MAAM,UAAU,IAAI,MAAM;gBAC/D,CAAC,CAAC,8BAA8B,WAAW,CAAC,IAAI,CAAC,QAAQ;YAC3D,mCAAmC,IAAI,OAAO;YAC9C,IAAI,CAAC,CAAC,CAAC,kCAAkC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE;YACxD,YAAY;SACb;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,OAAO;YACL,IAAI;YACJ,GAAG,EAAE;gBACH,oHAAoH;gBACpH,mOAAmO;gBACnO,iHAAiH;gBACjH,2HAA2H;aAC5H;SACF,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,IAAG,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE;QAAE,OAAO,EAAE,CAAC;IAClC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,CAAC;AAC5G,CAAC"}

package/dist/components/sidebar.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDefinition } from "@jaroslava/types";
+export declare const sidebarComponent: ComponentDefinition;
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/components/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/components/sidebar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAY,MAAM,kBAAkB,CAAC;AAEtE,eAAO,MAAM,gBAAgB,EAAE,mBAqE9B,CAAC"}

package/dist/components/sidebar.js

@@ -0,0 +1,71 @@
+export const sidebarComponent = {
+    kind: "sidebar",
+    displayName: "Sidebar",
+    render(node, _renderedChildren, ctx) {
+        const items = node.children
+            .filter((c) => c.type === "Link")
+            .map((link, index) => {
+            const href = link.internal ? `#${link.href.replace(/^id:/, "")}` : link.href;
+            return `  <div class="jaro-sidebar-item"><a href="${href}">${link.label ?? href}</a></div>`;
+        })
+            .join("\n");
+        return {
+            html: `<div class="jaro-sidebar">\n
+        <div class="jaro-sidebar-label">Docs</div>
+        <div class="jaro-sidebar-list">
+          ${items}
+        </div>
+      </div>`,
+            css: [
+                ".jaro-sidebar { border-right: 0.5px solid var(--line); padding-right: 0.75rem; }",
+                ".jaro-sidebar-label {font-size: 0.68rem; color: var(--muted); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 1.6rem; font-family: 'Space Grotesk', sans-serif;}",
+                ".jaro-sidebar-list {display: flex; flex-direction: column; gap: 1rem;}",
+                ".jaro-sidebar-item {font-size: 0.75rem; color: #444;}",
+                "a {font-size: 0.75rem; color: #444; text-decoration: none;}",
+                ".active > a, a:hover {font-weight: 500; color: var(--jaro)}",
+            ],
+            head: [
+                `<script>
+          document.addEventListener("DOMContentLoaded", () => {
+              const heroes = document.querySelectorAll(".jaro-hero");
+              const items = document.querySelectorAll(".jaro-sidebar-item");
+              const links = document.querySelectorAll('.jaro-sidebar a[href^="#"]');
+
+              heroes.forEach(hero => {
+                  hero.style.display = "none";
+              });
+
+              if (heroes.length > 0) {                
+                  heroes[0].style.display = "";
+                  items[0].classList.add("active");
+              }
+
+              links.forEach(link => {
+                  link.addEventListener("click", e => {
+                      e.preventDefault();
+
+                      const id = link.getAttribute("href").substring(1);
+                      const hero = document.getElementById(id);
+
+                      if (hero) {
+                        heroes.forEach(hero => {
+                          hero.style.display = "none";
+                        });
+                            
+                        items.forEach(item => {                            
+                          item.classList.remove("active");
+                        });
+
+
+                        hero.style.display = "";
+                        link.parentNode.classList.add("active");
+                      }
+                  });
+              });
+          });
+          </script>`
+            ]
+        };
+    },
+};
+//# sourceMappingURL=sidebar.js.map

package/dist/components/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../src/components/sidebar.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAwB;IACnD,IAAI,EAAE,SAAS;IACf,WAAW,EAAE,SAAS;IACtB,MAAM,CAAC,IAAI,EAAE,iBAAiB,EAAE,GAAG;QACjC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ;aACxB,MAAM,CAAC,CAAC,CAAC,EAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC;aAC/C,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACnB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YAC7E,OAAO,6CAA6C,IAAI,KAAK,IAAI,CAAC,KAAK,IAAI,IAAI,YAAY,CAAC;QAC9F,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC,CAAC;QACd,OAAO;YACL,IAAI,EAAE;;;YAGA,KAAK;;aAEJ;YACP,GAAG,EAAE;gBACH,kFAAkF;gBAClF,mLAAmL;gBACnL,wEAAwE;gBACxE,uDAAuD;gBACvD,6DAA6D;gBAC7D,6DAA6D;aAC9D;YACD,IAAI,EAAE;gBACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAsCY;aACb;SACF,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+import type { JaroslavaPlugin } from "@jaroslava/types";
+import { pageComponent } from "./components/page.js";
+import { profileComponent } from "./components/profile.js";
+import { listComponent } from "./components/list.js";
+import { postComponent } from "./components/post.js";
+import { heroComponent } from "./components/hero.js";
+import { gridComponent, cardComponent } from "./components/grid-and-card.js";
+import { sidebarComponent } from "./components/sidebar.js";
+import { codeComponent } from "./components/code.js";
+/**
+ * The standard Jaroslava component set, packaged as an ordinary plugin.
+ * Consumers opt in explicitly:
+ *
+ *   import { coreComponentsPlugin } from "@jaroslava/plugin-core-components";
+ *   const ctx = await JaroslavaContext.create({ plugins: [coreComponentsPlugin] });
+ *
+ * Nothing in @jaroslava/core, @jaroslava/parser, @jaroslava/validator, or
+ * @jaroslava/renderer-html imports this package. A third-party plugin
+ * (e.g. @acme/jaroslava-plugin-testimonial) is installed exactly the same
+ * way and has equal standing in the registry.
+ */
+export declare const coreComponentsPlugin: JaroslavaPlugin;
+export { pageComponent, profileComponent, listComponent, postComponent, heroComponent, gridComponent, cardComponent, sidebarComponent, codeComponent, };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAalC,CAAC;AAEF,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,aAAa,GACd,CAAC"}

package/dist/index.js

@@ -0,0 +1,36 @@
+import { pageComponent } from "./components/page.js";
+import { profileComponent } from "./components/profile.js";
+import { listComponent } from "./components/list.js";
+import { postComponent } from "./components/post.js";
+import { heroComponent } from "./components/hero.js";
+import { gridComponent, cardComponent } from "./components/grid-and-card.js";
+import { sidebarComponent } from "./components/sidebar.js";
+import { codeComponent } from "./components/code.js";
+/**
+ * The standard Jaroslava component set, packaged as an ordinary plugin.
+ * Consumers opt in explicitly:
+ *
+ *   import { coreComponentsPlugin } from "@jaroslava/plugin-core-components";
+ *   const ctx = await JaroslavaContext.create({ plugins: [coreComponentsPlugin] });
+ *
+ * Nothing in @jaroslava/core, @jaroslava/parser, @jaroslava/validator, or
+ * @jaroslava/renderer-html imports this package. A third-party plugin
+ * (e.g. @acme/jaroslava-plugin-testimonial) is installed exactly the same
+ * way and has equal standing in the registry.
+ */
+export const coreComponentsPlugin = {
+    name: "@jaroslava/plugin-core-components",
+    components: [
+        pageComponent,
+        profileComponent,
+        listComponent,
+        postComponent,
+        heroComponent,
+        gridComponent,
+        cardComponent,
+        sidebarComponent,
+        codeComponent,
+    ],
+};
+export { pageComponent, profileComponent, listComponent, postComponent, heroComponent, gridComponent, cardComponent, sidebarComponent, codeComponent, };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAoB;IACnD,IAAI,EAAE,mCAAmC;IACzC,UAAU,EAAE;QACV,aAAa;QACb,gBAAgB;QAChB,aAAa;QACb,aAAa;QACb,aAAa;QACb,aAAa;QACb,aAAa;QACb,gBAAgB;QAChB,aAAa;KACd;CACF,CAAC;AAEF,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,aAAa,GACd,CAAC"}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@jaroslava/plugin-core-components",
+  "version": "1.0.0",
+  "description": "The standard Jaroslava component set (page, profile, list, post, hero, grid, card, sidebar, code) implemented as an ordinary plugin — no special privileges over third-party plugins.",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@jaroslava/types": "1.0.0",
+    "@jaroslava/utils": "1.0.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.5.0",
+    "rimraf": "^5.0.0",
+    "vitest": "^1.6.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -b",
+    "dev": "tsc -b --watch",
+    "clean": "rimraf dist *.tsbuildinfo",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  }
+}