@usequeek/theme-kit 0.1.0

package/shared-blocks/callout.tsx

@@ -0,0 +1,35 @@
+'use client';
+
+import type { CalloutBlockData, CalloutTone } from '../types/block';
+import { Markdown } from '../components/markdown';
+
+/**
+ * Framework-owned callout block. Renders `data.markdown` inside a toned box
+ * (info / warn / success / note via `data.tone`). Themes tint via
+ * `.core-block-callout[data-tone="…"]` scoped selectors — colours come from
+ * brand CSS variables with sensible fallbacks in core-blocks.css.
+ */
+const TONE_ICON: Record<CalloutTone, string> = {
+  info: 'ℹ',
+  warn: '⚠',
+  success: '✓',
+  note: '✎',
+};
+
+export function CoreCalloutBlock({ markdown, tone = 'info', title }: CalloutBlockData): JSX.Element {
+  const resolvedTone: CalloutTone = TONE_ICON[tone as CalloutTone] ? (tone as CalloutTone) : 'info';
+
+  return (
+    <section className="core-block core-block-callout" data-tone={resolvedTone}>
+      <div className="core-block-callout__inner">
+        <span className="core-block-callout__icon" aria-hidden="true">
+          {TONE_ICON[resolvedTone]}
+        </span>
+        <div className="core-block-callout__content">
+          {title ? <p className="core-block-callout__title">{title}</p> : null}
+          <Markdown className="core-block-callout__body">{markdown ?? ''}</Markdown>
+        </div>
+      </div>
+    </section>
+  );
+}

package/shared-blocks/content-default.tsx

@@ -0,0 +1,23 @@
+'use client';
+
+import type { ContentBlockData } from '../types/block';
+import { Markdown } from '../components/markdown';
+
+/**
+ * Framework-owned default content block. Renders markdown into semantic
+ * HTML via the core <Markdown> renderer (react-markdown + remark-gfm) —
+ * headings, nested lists, code fences, tables, blockquotes, and inline
+ * images (routed through the core <Image>). Themes style via
+ * `.core-block-content` — typography, spacing, lists, headings.
+ *
+ * This block ONLY handles the default "plain markdown" content variant.
+ * Structured variants (promo, brand-story, testimonials, marquee) remain
+ * theme-owned and are routed separately in page-renderer.
+ */
+export function CoreContentDefaultBlock({ markdown }: ContentBlockData): JSX.Element {
+  return (
+    <section className="core-block core-block-content">
+      <Markdown className="core-block-content__body">{markdown ?? ''}</Markdown>
+    </section>
+  );
+}