@drawnagency/primitives 0.1.0

package/dist/components/sections/MediaGrid/MediaGrid.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/cn";
+import { gridColsClass } from "../../../lib/grid";
+import { EditableGrid } from "../../primitives/EditableGrid";
+import { ResolvedMedia } from "../../primitives/ResolvedMedia";
+import { ImageSettingsForm, DoDontImageSettingsForm } from "../../primitives/MediaSettingsForms";
+import { EditablePlainText } from "../../primitives/EditablePlainText";
+import { Check, X } from "lucide-react";
+import { useMediaLibrary } from "../../shell/MediaLibraryContext";
+export default function MediaGrid({ media, columns, square, border, crop, showCaptions, sectionType, onChange, openModal }) {
+    if (onChange && openModal) {
+        return (_jsx(MediaGridEditable, { media: media, columns: columns, square: square, border: border, crop: crop, showCaptions: showCaptions, sectionType: sectionType, onChange: onChange, openModal: openModal }));
+    }
+    return (_jsx("div", { className: cn("grid gap-4", gridColsClass[columns] || "grid-cols-1"), children: media.map((item, i) => (_jsx(MediaGridItem, { item: item, isEditMode: false, square: square, border: border, crop: crop, showCaptions: showCaptions }, i))) }));
+}
+function MediaGridEditable({ media, columns, square, border, crop, showCaptions, sectionType = "media_grid", onChange, openModal }) {
+    const mediaLibrary = useMediaLibrary();
+    const opts = square || border || crop || showCaptions
+        ? { options: { square, border, crop, showCaptions } }
+        : {};
+    const createItem = () => sectionType === "do_dont_grid"
+        ? { type: "doDontImage", imageId: "", doDont: "do" }
+        : { type: "image", imageId: "" };
+    const handleItemSettings = (index) => {
+        const item = media[index];
+        if (item.type === "doDontImage") {
+            openModal("Image Settings", _jsx(DoDontImageSettingsForm, { border: item.border, objectFit: item.objectFit, doDont: item.doDont, onChange: (updated) => {
+                    const newMedia = media.map((m, i) => i === index ? { ...m, ...updated } : m);
+                    onChange({ type: sectionType, content: { columns, media: newMedia }, ...opts });
+                } }));
+        }
+        else {
+            openModal("Image Settings", _jsx(ImageSettingsForm, { border: item.border, objectFit: item.objectFit, onChange: (updated) => {
+                    const newMedia = media.map((m, i) => i === index ? { ...m, ...updated } : m);
+                    onChange({ type: sectionType, content: { columns, media: newMedia }, ...opts });
+                } }));
+        }
+    };
+    const handleItemImageClick = (index) => {
+        mediaLibrary?.openSelectModal((imageId) => {
+            const newMedia = media.map((m, i) => i === index ? { ...m, imageId } : m);
+            onChange({ type: sectionType, content: { columns, media: newMedia }, ...opts });
+        });
+    };
+    return (_jsx(EditableGrid, { items: media, columns: columns, onChange: (newMedia) => onChange({ type: sectionType, content: { columns, media: newMedia }, ...opts }), createItem: createItem, isEditMode: true, onItemSettings: handleItemSettings, onItemImageClick: mediaLibrary ? handleItemImageClick : undefined, chromeTopClass: sectionType === "do_dont_grid" ? "top-[50px]" : undefined, renderItem: (item, { isEditMode, index }) => (_jsx(MediaGridItem, { item: item, isEditMode: isEditMode, square: square, border: border, crop: crop, showCaptions: showCaptions, onCaptionChange: (caption) => {
+                const newMedia = media.map((m, i) => i === index ? { ...m, caption: caption || undefined } : m);
+                onChange({ type: sectionType, content: { columns, media: newMedia }, ...opts });
+            } })) }));
+}
+function MediaGridItem({ item, isEditMode, square, border, crop, showCaptions, onCaptionChange, }) {
+    const isDoDont = item.type === "doDontImage";
+    const showBorder = item.border ?? border;
+    const itemFit = item.objectFit ?? (crop ? "cover" : undefined);
+    const fitClass = itemFit === "cover" ? "object-cover" : "object-contain";
+    const captionStr = item.caption
+        ? (Array.isArray(item.caption) ? item.caption.join("\n") : item.caption)
+        : "";
+    const media = (_jsx(ResolvedMedia, { imageId: item.imageId || undefined, className: "h-full w-full", imgClassName: fitClass }));
+    return (_jsxs("figure", { children: [isDoDont && (_jsx("div", { className: "flex h-10 items-center justify-center pb-1", children: item.doDont === "do"
+                    ? _jsx(Check, { size: 28, className: "text-green-600" })
+                    : _jsx(X, { size: 28, className: "text-red-600" }) })), _jsx("div", { className: cn("overflow-hidden rounded-md", showBorder && "border border-base-200", square && "aspect-square"), children: item.type === "linkedImage" && !isEditMode ? (_jsxs("a", { href: item.href, target: item.target, className: "group block", children: [media, item.linkText && (_jsx("span", { className: "mt-2 block text-sm text-primary group-hover:underline", children: item.linkText }))] })) : media }), showCaptions && (_jsx("figcaption", { className: "mt-2 min-h-[1em] text-sm text-base-contrast-light", children: isEditMode && onCaptionChange ? (_jsx(EditablePlainText, { tag: "span", value: captionStr, onChange: onCaptionChange, isEditMode: true, placeholder: "Caption", className: "block min-h-[1em]" })) : (captionStr || " ") }))] }));
+}

package/dist/components/sections/MediaGrid/index.d.ts

@@ -0,0 +1,55 @@
+declare const _default: import("../../..").SectionDefinition<{
+    type: "media_grid";
+    content: {
+        columns: number;
+        media: ({
+            imageId: string;
+            type: "image";
+            caption?: string | string[] | undefined;
+            background?: string | undefined;
+            invertFrom?: string | undefined;
+            border?: boolean | undefined;
+            objectFit?: "cover" | "contain" | undefined;
+        } | {
+            imageId: string;
+            type: "video";
+            caption?: string | string[] | undefined;
+            background?: string | undefined;
+            invertFrom?: string | undefined;
+            border?: boolean | undefined;
+            objectFit?: "cover" | "contain" | undefined;
+            poster?: string | undefined;
+            autoplay?: boolean | undefined;
+            loop?: boolean | undefined;
+            muted?: boolean | undefined;
+        } | {
+            imageId: string;
+            type: "doDontImage";
+            doDont: "do" | "dont";
+            caption?: string | string[] | undefined;
+            background?: string | undefined;
+            invertFrom?: string | undefined;
+            border?: boolean | undefined;
+            objectFit?: "cover" | "contain" | undefined;
+        } | {
+            imageId: string;
+            type: "linkedImage";
+            href: string;
+            caption?: string | string[] | undefined;
+            background?: string | undefined;
+            invertFrom?: string | undefined;
+            border?: boolean | undefined;
+            objectFit?: "cover" | "contain" | undefined;
+            target?: string | undefined;
+            linkText?: string | undefined;
+        })[];
+    };
+    options: {
+        square?: boolean | undefined;
+        border?: boolean | undefined;
+        crop?: boolean | undefined;
+        showCaptions?: boolean | undefined;
+    };
+}>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/sections/MediaGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/MediaGrid/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,wBA+BG"}

package/dist/components/sections/MediaGrid/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defineSection } from "../../../lib/registry";
+import { z } from "zod";
+import { MediaReferenceSchema } from "../../../schemas/shared";
+import { MediaGridOptionsSchema } from "../../../schemas/media-grid-options";
+import MediaGrid from "./MediaGrid";
+const schema = z.object({
+    type: z.literal("media_grid"),
+    content: z.object({
+        columns: z.number().int().min(1).max(5),
+        media: z.array(MediaReferenceSchema),
+    }),
+    options: MediaGridOptionsSchema,
+});
+export default defineSection({
+    type: "media_grid",
+    label: "Media Grid",
+    schema,
+    component: ({ content, options, onChange, openModal }) => (_jsx(MediaGrid, { media: content.content.media, columns: content.content.columns, square: options?.square, border: options?.border, crop: options?.crop, showCaptions: options?.showCaptions, onChange: onChange ? (c) => onChange(c) : undefined, openModal: openModal })),
+    defaults: () => ({
+        type: "media_grid",
+        content: { columns: 2, media: [{ type: "image", imageId: "" }] },
+        options: {},
+    }),
+    settings: {
+        columns: {
+            type: "select", label: "Columns", default: "2", target: "content", coerce: "number",
+            options: [{ label: "1", value: "1" }, { label: "2", value: "2" }, { label: "3", value: "3" }, { label: "4", value: "4" }],
+        },
+        border: { type: "checkbox", label: "Show border", default: false },
+        square: { type: "checkbox", label: "Square aspect ratio", default: false },
+        crop: { type: "checkbox", label: "Crop to fill", default: false },
+        showCaptions: { type: "checkbox", label: "Show captions", default: false },
+    },
+});

package/dist/components/sections/Prose/Prose.d.ts

@@ -0,0 +1,8 @@
+import type { SectionContent } from "../../../schemas/sections";
+interface Props {
+    body: string;
+    onChange?: (content: SectionContent) => void;
+}
+export default function Prose({ body, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Prose.d.ts.map

package/dist/components/sections/Prose/Prose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prose.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Prose/Prose.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEhE,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC9C;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAwBtD"}

package/dist/components/sections/Prose/Prose.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EditableRichText } from "../../primitives/EditableRichText";
+import { sanitizeHtml } from "../../../lib/sanitize";
+export default function Prose({ body, onChange }) {
+    if (onChange) {
+        return (_jsx("div", { className: "prose-content", children: _jsx(EditableRichText, { value: body, onChange: (html) => onChange({ type: "prose", content: { body: html } }), isEditMode: true, preset: "rich" }) }));
+    }
+    // View mode: renders server-side via Astro SSR; content comes from trusted project JSON files.
+    // eslint-disable-next-line react/no-danger
+    return (_jsx("div", { className: "prose-content", dangerouslySetInnerHTML: { __html: sanitizeHtml(body) } }));
+}

package/dist/components/sections/Prose/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("../../..").SectionDefinition<{
+    type: "prose";
+    content: {
+        body: string;
+    };
+}>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/sections/Prose/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Prose/index.tsx"],"names":[],"mappings":";;;;;;AASA,wBAQG"}

package/dist/components/sections/Prose/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defineSection } from "../../../lib/registry";
+import { z } from "zod";
+import Prose from "./Prose";
+const schema = z.object({
+    type: z.literal("prose"),
+    content: z.object({ body: z.string() }),
+});
+export default defineSection({
+    type: "prose",
+    label: "Prose",
+    schema,
+    component: ({ content, onChange }) => (_jsx(Prose, { body: content.content.body, onChange: onChange ? (c) => onChange(c) : undefined })),
+    defaults: () => ({ type: "prose", content: { body: "<p></p>" } }),
+});

package/dist/components/sections/SectionLayout.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+declare function getSectionCategory(type: string): string;
+interface Props {
+    type: string;
+    status?: string;
+    dimNonPublished?: boolean;
+    children: ReactNode;
+}
+export declare function SectionLayout({ type, status, dimNonPublished, children }: Props): import("react/jsx-runtime").JSX.Element;
+export { getSectionCategory };
+//# sourceMappingURL=SectionLayout.d.ts.map

package/dist/components/sections/SectionLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionLayout.d.ts","sourceRoot":"","sources":["../../../src/components/sections/SectionLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,iBAAS,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAQ/E;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/sections/SectionLayout.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/cn";
+const categoryMap = {
+    link_heading: "section-heading",
+    sub_heading: "section-subheading",
+    sub_sub_heading: "section-subheading",
+};
+function getSectionCategory(type) {
+    return categoryMap[type] ?? "section-content";
+}
+export function SectionLayout({ type, status, dimNonPublished, children }) {
+    const isDimmed = dimNonPublished && status && status !== "published";
+    return (_jsx("div", { className: cn("section-wrapper group", getSectionCategory(type), isDimmed && "opacity-50"), children: children }));
+}
+export { getSectionCategory };

package/dist/components/sections/SplitContent/SplitContent.d.ts

@@ -0,0 +1,11 @@
+import type { SectionContent } from "../../../schemas/sections";
+interface Props {
+    imageId: string | undefined;
+    body: string;
+    border?: boolean;
+    imagePosition?: "left" | "right";
+    onChange?: (content: SectionContent) => void;
+}
+export default function SplitContent({ imageId, body, border, imagePosition, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SplitContent.d.ts.map

package/dist/components/sections/SplitContent/SplitContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitContent.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/SplitContent/SplitContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAIhE,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC9C;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAsB,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA2DtG"}

package/dist/components/sections/SplitContent/SplitContent.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/cn";
+import { sanitizeHtml } from "../../../lib/sanitize";
+import { ResolvedMedia } from "../../primitives/ResolvedMedia";
+import { EditableRichText } from "../../primitives/EditableRichText";
+import { IconButton } from "../../shared/IconButton";
+import { useMediaLibrary } from "../../shell/MediaLibraryContext";
+import { ImageIcon } from "lucide-react";
+export default function SplitContent({ imageId, body, border, imagePosition = "left", onChange }) {
+    const mediaLibrary = useMediaLibrary();
+    const handleImageChange = (newImageId) => {
+        onChange?.({
+            type: "split_content",
+            content: { imageId: newImageId, body },
+            options: { border, imagePosition },
+        });
+    };
+    const handleBodyChange = (html) => {
+        onChange?.({
+            type: "split_content",
+            content: { imageId, body: html },
+            options: { border, imagePosition },
+        });
+    };
+    const handleImageClick = () => {
+        mediaLibrary?.openSelectModal(handleImageChange);
+    };
+    return (_jsxs("div", { className: cn("flex flex-col gap-6 lg:flex-row lg:items-start", imagePosition === "right" && "lg:flex-row-reverse"), children: [_jsxs("div", { className: cn("group/img relative flex-shrink-0 lg:w-1/2", border && "overflow-hidden rounded-md border border-base-200"), children: [_jsx(ResolvedMedia, { imageId: imageId, className: "w-full" }), onChange && mediaLibrary && (_jsx("div", { className: "absolute top-1.5 right-1.5 z-10 opacity-0 transition-opacity group-hover/img:opacity-100", children: _jsx(IconButton, { icon: _jsx(ImageIcon, { size: 16 }), label: "Change image", onClick: handleImageClick, className: "bg-base/80 shadow-sm" }) }))] }), _jsx("div", { className: "prose-content lg:w-1/2", children: onChange ? (_jsx(EditableRichText, { value: body, onChange: handleBodyChange, isEditMode: true, preset: "rich" })) : (
+                // eslint-disable-next-line react/no-danger
+                _jsx("div", { dangerouslySetInnerHTML: { __html: sanitizeHtml(body) } })) })] }));
+}

package/dist/components/sections/SplitContent/SplitContentSettings.d.ts

@@ -0,0 +1,9 @@
+export declare function SplitContentSettings({ imagePosition: initialPos, border: initialBorder, onChange, }: {
+    imagePosition: "left" | "right";
+    border: boolean;
+    onChange: (values: {
+        imagePosition: "left" | "right";
+        border: boolean;
+    }) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SplitContentSettings.d.ts.map

package/dist/components/sections/SplitContent/SplitContentSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitContentSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/SplitContent/SplitContentSettings.tsx"],"names":[],"mappings":"AAIA,wBAAgB,oBAAoB,CAAC,EACnC,aAAa,EAAE,UAAU,EACzB,MAAM,EAAE,aAAa,EACrB,QAAQ,GACT,EAAE;IACD,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAClF,2CA6BA"}

package/dist/components/sections/SplitContent/SplitContentSettings.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Select } from "../../shared/Select";
+import { Checkbox } from "../../shared/Checkbox";
+export function SplitContentSettings({ imagePosition: initialPos, border: initialBorder, onChange, }) {
+    const [imagePosition, setImagePosition] = useState(initialPos);
+    const [border, setBorder] = useState(initialBorder);
+    const emit = (overrides) => onChange({ imagePosition, border, ...overrides });
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Select, { label: "Image Position", value: imagePosition, onChange: (val) => {
+                    const v = val;
+                    setImagePosition(v);
+                    emit({ imagePosition: v });
+                }, options: [
+                    { value: "left", label: "Left" },
+                    { value: "right", label: "Right" },
+                ] }), _jsx(Checkbox, { checked: border, onChange: (v) => { setBorder(v); emit({ border: v }); }, label: "Show border" })] }));
+}

package/dist/components/sections/SplitContent/index.d.ts

@@ -0,0 +1,13 @@
+declare const _default: import("../../..").SectionDefinition<{
+    type: "split_content";
+    content: {
+        body: string;
+        imageId?: string | undefined;
+    };
+    options?: {
+        border?: boolean | undefined;
+        imagePosition?: "left" | "right" | undefined;
+    } | undefined;
+}>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/sections/SplitContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/SplitContent/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAiBA,wBAkBG"}

package/dist/components/sections/SplitContent/index.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defineSection } from "../../../lib/registry";
+import { z } from "zod";
+import SplitContent from "./SplitContent";
+import { SplitContentSettings } from "./SplitContentSettings";
+const schema = z.object({
+    type: z.literal("split_content"),
+    content: z.object({
+        imageId: z.string().optional(),
+        body: z.string(),
+    }),
+    options: z.object({
+        border: z.boolean().optional(),
+        imagePosition: z.enum(["left", "right"]).optional(),
+    }).optional(),
+});
+export default defineSection({
+    type: "split_content",
+    label: "Split Content",
+    schema,
+    component: ({ content, options, onChange }) => (_jsx(SplitContent, { imageId: content.content.imageId, body: content.content.body, border: options?.border, imagePosition: options?.imagePosition, onChange: onChange ? (c) => onChange(c) : undefined })),
+    defaults: () => ({
+        type: "split_content",
+        content: { imageId: undefined, body: "<p></p>" },
+    }),
+    settingsForm: SplitContentSettings,
+});

package/dist/components/sections/SubHeading/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("../../..").SectionDefinition<{
+    type: "sub_heading";
+    content: {
+        heading: string;
+        excludeFromNav?: boolean | undefined;
+    };
+}>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/sections/SubHeading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/SubHeading/index.tsx"],"names":[],"mappings":";;;;;;;AASA,wBAiBG"}

package/dist/components/sections/SubHeading/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defineSection } from "../../../lib/registry";
+import { z } from "zod";
+import { HeadingSection } from "../../primitives/HeadingSection";
+const schema = z.object({
+    type: z.literal("sub_heading"),
+    content: z.object({ heading: z.string(), excludeFromNav: z.boolean().optional() }),
+});
+export default defineSection({
+    type: "sub_heading",
+    label: "Sub Heading",
+    schema,
+    component: ({ content, onChange }) => (_jsx(HeadingSection, { heading: content.content.heading, tag: "h3", placeholder: "Sub heading", className: "text-base-contrast", onChange: onChange ? (heading) => onChange({ ...content, content: { ...content.content, heading } }) : undefined })),
+    defaults: () => ({ type: "sub_heading", content: { heading: "New Sub Heading" } }),
+    settings: {
+        excludeFromNav: { type: "checkbox", label: "Exclude from navigation", default: false, target: "content" },
+    },
+});

package/dist/components/sections/SubSubHeading/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("../../..").SectionDefinition<{
+    type: "sub_sub_heading";
+    content: {
+        heading: string;
+        excludeFromNav?: boolean | undefined;
+    };
+}>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/sections/SubSubHeading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/SubSubHeading/index.tsx"],"names":[],"mappings":";;;;;;;AASA,wBAiBG"}

package/dist/components/sections/SubSubHeading/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defineSection } from "../../../lib/registry";
+import { z } from "zod";
+import { HeadingSection } from "../../primitives/HeadingSection";
+const schema = z.object({
+    type: z.literal("sub_sub_heading"),
+    content: z.object({ heading: z.string(), excludeFromNav: z.boolean().optional() }),
+});
+export default defineSection({
+    type: "sub_sub_heading",
+    label: "Sub Sub Heading",
+    schema,
+    component: ({ content, onChange }) => (_jsx(HeadingSection, { heading: content.content.heading, tag: "h4", placeholder: "Sub sub heading", className: "text-lg font-bold text-base-contrast", onChange: onChange ? (heading) => onChange({ ...content, content: { ...content.content, heading } }) : undefined })),
+    defaults: () => ({ type: "sub_sub_heading", content: { heading: "New Sub Sub Heading" } }),
+    settings: {
+        excludeFromNav: { type: "checkbox", label: "Exclude from navigation", default: false, target: "content" },
+    },
+});

package/dist/components/sections/ViewRenderer.d.ts

@@ -0,0 +1,8 @@
+import "./register";
+import type { LoadedSection } from "../../lib/loader";
+interface Props {
+    sections: LoadedSection[];
+}
+export default function ViewRenderer({ sections }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ViewRenderer.d.ts.map

package/dist/components/sections/ViewRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/sections/ViewRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAC;AAGpB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,UAAU,KAAK;IACb,QAAQ,EAAE,aAAa,EAAE,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAmBvD"}

package/dist/components/sections/ViewRenderer.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import "./register";
+import { getSection } from "../../lib/registry";
+import { SectionLayout } from "./SectionLayout";
+export default function ViewRenderer({ sections }) {
+    return (_jsx(_Fragment, { children: sections.map(({ section, meta }) => {
+            const def = getSection(section.type);
+            if (!def)
+                return null;
+            const Component = def.component;
+            return (_jsx(SectionLayout, { type: section.type, status: meta.status, dimNonPublished: true, children: _jsx(Component, { content: section, options: "options" in section ? section.options : undefined, isEditMode: false }) }, section.id));
+        }) }));
+}

package/dist/components/sections/register-schemas.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=register-schemas.d.ts.map

package/dist/components/sections/register-schemas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register-schemas.d.ts","sourceRoot":"","sources":["../../../src/components/sections/register-schemas.ts"],"names":[],"mappings":""}

package/dist/components/sections/register-schemas.js

@@ -0,0 +1,15 @@
+import { registerSchema } from "../../lib/registry";
+import linkHeading from "./LinkHeading";
+import subHeading from "./SubHeading";
+import subSubHeading from "./SubSubHeading";
+import prose from "./Prose";
+import mediaGrid from "./MediaGrid";
+import splitContent from "./SplitContent";
+import button from "./Button";
+import colors from "./Colors";
+import doDontList from "./DoDontList";
+import doDontImageGrid from "./DoDontMediaGrid";
+import iconList from "./IconList";
+[linkHeading, subHeading, subSubHeading, prose, mediaGrid,
+    splitContent, button, colors, doDontList, doDontImageGrid, iconList,
+].forEach((def) => registerSchema(def.type, def.schema));

package/dist/components/sections/register.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=register.d.ts.map

package/dist/components/sections/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../src/components/sections/register.ts"],"names":[],"mappings":""}

package/dist/components/sections/register.js

@@ -0,0 +1,15 @@
+import { registerSection } from "../../lib/registry";
+import linkHeading from "./LinkHeading";
+import subHeading from "./SubHeading";
+import subSubHeading from "./SubSubHeading";
+import prose from "./Prose";
+import mediaGrid from "./MediaGrid";
+import splitContent from "./SplitContent";
+import button from "./Button";
+import colors from "./Colors";
+import doDontList from "./DoDontList";
+import doDontImageGrid from "./DoDontMediaGrid";
+import iconList from "./IconList";
+[linkHeading, subHeading, subSubHeading, prose, mediaGrid,
+    splitContent, button, colors, doDontList, doDontImageGrid, iconList,
+].forEach(registerSection);

package/dist/components/shared/Button.d.ts

@@ -0,0 +1,15 @@
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+export type ButtonVariant = "primary" | "brand" | "secondary" | "destructive" | "ghost";
+export type ButtonSize = "sm" | "md";
+export type ButtonTone = "neutral" | "destructive";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    tone?: ButtonTone;
+    fullWidth?: boolean;
+    isLoading?: boolean;
+    loadingLabel?: string;
+    children?: ReactNode;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/shared/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9E,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,aAAa,GAAG,OAAO,CAAC;AACxF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AACrC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,aAAa,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAyBD,eAAO,MAAM,MAAM,2GAoCjB,CAAC"}

package/dist/components/shared/Button.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/cn";
+const boxSize = {
+    sm: "rounded px-3 py-1.5 text-xs font-medium",
+    md: "rounded px-4 py-2 text-sm font-medium",
+};
+const ghostSize = {
+    sm: "text-xs font-medium",
+    md: "text-sm font-medium",
+};
+const variantClasses = {
+    primary: "bg-base-contrast text-base-accent hover:bg-base-contrast/90",
+    brand: "bg-primary text-primary-contrast hover:opacity-90",
+    secondary: "border border-base-200 text-base-contrast hover:bg-base-accent",
+    destructive: "border border-red-600 text-red-600 hover:bg-red-600 hover:text-white",
+};
+const ghostToneClasses = {
+    neutral: "text-base-contrast-light hover:text-base-contrast",
+    destructive: "text-red-600 hover:text-red-800",
+};
+export const Button = forwardRef(function Button({ variant = "primary", size = "sm", tone = "neutral", fullWidth = false, isLoading = false, loadingLabel, disabled, className, children, ...rest }, ref) {
+    const isGhost = variant === "ghost";
+    const resolvedDisabled = disabled || isLoading;
+    const label = isLoading && loadingLabel ? loadingLabel : children;
+    return (_jsx("button", { ref: ref, disabled: resolvedDisabled, className: cn("inline-flex items-center justify-center transition-colors", isGhost ? ghostSize[size] : boxSize[size], isGhost ? ghostToneClasses[tone] : variantClasses[variant], fullWidth && "w-full", resolvedDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer", className), ...rest, children: label }));
+});

package/dist/components/shared/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+interface CheckboxProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+    className?: string;
+    startAdornment?: ReactNode;
+    align?: "start" | "center";
+}
+export declare function Checkbox({ checked, onChange, label, description, disabled, className, startAdornment, align, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/shared/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,UAAU,aAAa;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC5B;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,cAAc,EACd,KAAe,GAChB,EAAE,aAAa,2CAgDf"}

package/dist/components/shared/Checkbox.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { Check } from "lucide-react";
+import { cn } from "../../lib/cn";
+export function Checkbox({ checked, onChange, label, description, disabled, className, startAdornment, align = "start", }) {
+    const id = useId();
+    return (_jsxs("label", { htmlFor: id, className: cn("flex cursor-pointer gap-3 select-none hover:opacity-80", align === "start" ? "items-start" : "items-center", disabled && "cursor-not-allowed opacity-50", className), children: [_jsxs("span", { className: cn("relative flex h-5 w-5 shrink-0 items-center justify-center", align === "start" && "mt-0.5"), children: [_jsx("input", { id: id, type: "checkbox", checked: checked, disabled: disabled, onChange: (e) => onChange(e.target.checked), className: "sr-only" }), _jsx("span", { "aria-hidden": "true", className: cn("flex h-5 w-5 items-center justify-center rounded border transition-colors", checked
+                            ? "border-primary bg-primary text-primary-contrast"
+                            : "border-base-300 bg-base hover:border-primary", disabled && "pointer-events-none"), children: checked && _jsx(Check, { size: 14, strokeWidth: 3 }) })] }), startAdornment, _jsxs("div", { className: "text-sm", children: [_jsx("span", { className: "font-medium text-base-contrast", children: label }), description && (_jsx("span", { className: "block text-base-contrast-light", children: description }))] })] }));
+}

package/dist/components/shared/ColorPicker.d.ts

@@ -0,0 +1,9 @@
+interface ColorPickerProps {
+    value: string;
+    onChange: (value: string) => void;
+    label?: string;
+    className?: string;
+}
+export declare function ColorPicker({ value, onChange, label, className }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ColorPicker.d.ts.map