@airdraft/react-content 0.1.1 → 0.1.3

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.3](https://github.com/aevrHQ/airdraft/compare/v0.1.2...v0.1.3) (2026-05-23)
+
 ### 0.1.1 (2026-05-22)
 
 

package/dist/fields/MediaField.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react';
+import { resolveImageDimensions } from '@airdraft/content';
+import type { Entry } from '@airdraft/core';
+export interface MediaFieldProps {
+    /** The field name in the entry's data (e.g. 'cover', 'attachment'). */
+    field: string;
+    /** The entry whose data is searched for the media value. */
+    entry: Entry;
+    alt?: string;
+    className?: string;
+    /** Class applied to the rendered `<img>` when no children render prop is given. */
+    imgClassName?: string;
+    /**
+     * Render prop — receives the resolved URL and MIME type hint (if known) and
+     * renders a custom element. Use this to plug in `next/image`, `<video>`, etc.
+     *
+     * @example
+     * <MediaField field="attachment" entry={entry}>
+     *   {(url, mimeType) => <a href={url}>{mimeType ?? 'Download'}</a>}
+     * </MediaField>
+     */
+    children?: (url: string, mimeType: string | undefined) => ReactNode;
+}
+/**
+ * Renders a media asset resolved from an Airdraft entry field.
+ *
+ * - Images: `<img>`
+ * - Videos: `<video>`
+ * - Audio: `<audio>`
+ * - Other: `<a>` link
+ *
+ * Resolution chain: `{field}_media.url` → `{field}_url` → `/{field}` key.
+ * Returns `null` when no URL can be resolved.
+ *
+ * RSC-compatible — no `"use client"`.
+ */
+export declare function MediaField({ field, entry, alt, className, imgClassName, children, }: MediaFieldProps): ReactNode;
+export { resolveImageDimensions };
+//# sourceMappingURL=MediaField.d.ts.map

package/dist/fields/MediaField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaField.d.ts","sourceRoot":"","sources":["../../src/fields/MediaField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAmB,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAC3E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAE3C,MAAM,WAAW,eAAe;IAC9B,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,KAAK,EAAE,KAAK,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,KAAK,SAAS,CAAA;CACpE;AAkCD;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,GAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,EAAE,eAAe,GAAG,SAAS,CAU7B;AAGD,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/fields/MediaField.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { resolveMediaUrl, resolveImageDimensions } from '@airdraft/content';
+function getMimeType(field, data) {
+    const mediaObj = data[`${field}_media`];
+    if (mediaObj && typeof mediaObj === 'object' && 'mimeType' in mediaObj) {
+        const m = mediaObj['mimeType'];
+        if (typeof m === 'string' && m)
+            return m;
+    }
+    return undefined;
+}
+function renderByMime(url, mimeType, alt, className) {
+    if (!mimeType || mimeType.startsWith('image/')) {
+        // eslint-disable-next-line @next/next/no-img-element
+        return _jsx("img", { src: url, alt: alt, className: className });
+    }
+    if (mimeType.startsWith('video/')) {
+        return (_jsx("video", { src: url, controls: true, className: className, children: _jsx("track", { kind: "captions" }) }));
+    }
+    if (mimeType.startsWith('audio/')) {
+        return _jsx("audio", { src: url, controls: true, className: className });
+    }
+    // Generic file — render a link
+    return (_jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: className, children: url.split('/').pop() ?? url }));
+}
+/**
+ * Renders a media asset resolved from an Airdraft entry field.
+ *
+ * - Images: `<img>`
+ * - Videos: `<video>`
+ * - Audio: `<audio>`
+ * - Other: `<a>` link
+ *
+ * Resolution chain: `{field}_media.url` → `{field}_url` → `/{field}` key.
+ * Returns `null` when no URL can be resolved.
+ *
+ * RSC-compatible — no `"use client"`.
+ */
+export function MediaField({ field, entry, alt = '', className, imgClassName, children, }) {
+    const data = entry.data;
+    const url = resolveMediaUrl(field, data);
+    if (!url)
+        return null;
+    const mimeType = getMimeType(field, data);
+    if (children)
+        return children(url, mimeType);
+    return renderByMime(url, mimeType, alt, imgClassName ?? className);
+}
+// Re-export resolveImageDimensions for convenience when using MediaField with next/image
+export { resolveImageDimensions };
+//# sourceMappingURL=MediaField.js.map

package/dist/fields/MediaField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaField.js","sourceRoot":"","sources":["../../src/fields/MediaField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAwB3E,SAAS,WAAW,CAAC,KAAa,EAAE,IAA6B;IAC/D,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAA;IACvC,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;QACvE,MAAM,CAAC,GAAI,QAAoC,CAAC,UAAU,CAAC,CAAA;QAC3D,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC;YAAE,OAAO,CAAC,CAAA;IAC1C,CAAC;IACD,OAAO,SAAS,CAAA;AAClB,CAAC;AAED,SAAS,YAAY,CAAC,GAAW,EAAE,QAA4B,EAAE,GAAW,EAAE,SAAkB;IAC9F,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,qDAAqD;QACrD,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAI,CAAA;IAC1D,CAAC;IACD,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAClC,OAAO,CACL,gBAAO,GAAG,EAAE,GAAG,EAAE,QAAQ,QAAC,SAAS,EAAE,SAAS,YAC5C,gBAAO,IAAI,EAAC,UAAU,GAAG,GACnB,CACT,CAAA;IACH,CAAC;IACD,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAClC,OAAO,gBAAO,GAAG,EAAE,GAAG,EAAE,QAAQ,QAAC,SAAS,EAAE,SAAS,GAAI,CAAA;IAC3D,CAAC;IACD,+BAA+B;IAC/B,OAAO,CACL,YAAG,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,EAAE,SAAS,YACzE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,GAC1B,CACL,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,GAAG,GAAG,EAAE,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,GACQ;IAChB,MAAM,IAAI,GAAG,KAAK,CAAC,IAA+B,CAAA;IAClD,MAAM,GAAG,GAAG,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IACxC,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAA;IAErB,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IAEzC,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;IAE5C,OAAO,YAAY,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,IAAI,SAAS,CAAC,CAAA;AACpE,CAAC;AAED,yFAAyF;AACzF,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/fields/MediaListField.d.ts

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+import type { Entry } from '@airdraft/core';
+export interface MediaListFieldProps {
+    /** The field name in the entry's data (e.g. 'gallery', 'attachments'). */
+    field: string;
+    /** The entry whose data is searched for the media array. */
+    entry: Entry;
+    className?: string;
+    /** Class applied to each rendered item's wrapper element. */
+    itemClassName?: string;
+    /**
+     * Render prop — receives the resolved URL, index, and MIME type hint for each item.
+     * Use this to render custom thumbnails, cards, links, etc.
+     *
+     * @example
+     * <MediaListField field="gallery" entry={entry}>
+     *   {(url, i) => <img key={i} src={url} alt={`Gallery ${i + 1}`} />}
+     * </MediaListField>
+     */
+    children?: (url: string, index: number, mimeType: string | undefined) => ReactNode;
+}
+/**
+ * Renders a list of media assets from a `media` field with `multiple: true`.
+ *
+ * Each item is rendered using the `children` render prop when provided,
+ * otherwise falls back to an `<img>` tag (for images) or an `<a>` link.
+ *
+ * Returns `null` when no URLs can be resolved.
+ *
+ * RSC-compatible — no `"use client"`.
+ */
+export declare function MediaListField({ field, entry, className, itemClassName, children, }: MediaListFieldProps): ReactNode;
+//# sourceMappingURL=MediaListField.d.ts.map

package/dist/fields/MediaListField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaListField.d.ts","sourceRoot":"","sources":["../../src/fields/MediaListField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAE3C,MAAM,WAAW,mBAAmB;IAClC,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,KAAK,EAAE,KAAK,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,KAAK,SAAS,CAAA;CACnF;AAmBD;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,SAAS,EACT,aAAa,EACb,QAAQ,GACT,EAAE,mBAAmB,GAAG,SAAS,CA+CjC"}

package/dist/fields/MediaListField.js

@@ -0,0 +1,61 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { resolveMediaUrls } from '@airdraft/content';
+function getMediaItems(field, data) {
+    const mediasRaw = data[`${field}_medias`];
+    if (Array.isArray(mediasRaw)) {
+        return mediasRaw.flatMap((item) => {
+            if (item && typeof item === 'object' && 'url' in item) {
+                const obj = item;
+                const url = typeof obj['url'] === 'string' ? obj['url'] : undefined;
+                if (!url)
+                    return [];
+                const mimeType = typeof obj['mimeType'] === 'string' ? obj['mimeType'] : undefined;
+                return [{ url, mimeType }];
+            }
+            return [];
+        });
+    }
+    return [];
+}
+/**
+ * Renders a list of media assets from a `media` field with `multiple: true`.
+ *
+ * Each item is rendered using the `children` render prop when provided,
+ * otherwise falls back to an `<img>` tag (for images) or an `<a>` link.
+ *
+ * Returns `null` when no URLs can be resolved.
+ *
+ * RSC-compatible — no `"use client"`.
+ */
+export function MediaListField({ field, entry, className, itemClassName, children, }) {
+    const data = entry.data;
+    const items = getMediaItems(field, data);
+    // Fall back to URL-only resolution when medias sidecar is absent
+    const urls = items.length > 0 ? null : resolveMediaUrls(field, data);
+    if (items.length === 0 && (!urls || urls.length === 0))
+        return null;
+    if (children) {
+        if (items.length > 0) {
+            return (_jsx(_Fragment, { children: items.map(({ url, mimeType }, i) => children(url, i, mimeType)) }));
+        }
+        return _jsx(_Fragment, { children: (urls ?? []).map((url, i) => children(url, i, undefined)) });
+    }
+    // Default render — img for each item inside a wrapper
+    const resolvedItems = items.length > 0
+        ? items
+        : (urls ?? []).map((url) => ({ url, mimeType: undefined }));
+    return (_jsx("div", { className: className, children: resolvedItems.map(({ url, mimeType }, i) => {
+            if (!mimeType || mimeType.startsWith('image/')) {
+                // eslint-disable-next-line @next/next/no-img-element
+                return _jsx("img", { src: url, alt: `Item ${i + 1}`, className: itemClassName }, i);
+            }
+            if (mimeType.startsWith('video/')) {
+                return (_jsx("video", { src: url, controls: true, className: itemClassName, children: _jsx("track", { kind: "captions" }) }, i));
+            }
+            if (mimeType.startsWith('audio/')) {
+                return _jsx("audio", { src: url, controls: true, className: itemClassName }, i);
+            }
+            return (_jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: itemClassName, children: url.split('/').pop() ?? url }, i));
+        }) }));
+}
+//# sourceMappingURL=MediaListField.js.map

package/dist/fields/MediaListField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaListField.js","sourceRoot":"","sources":["../../src/fields/MediaListField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAuBpD,SAAS,aAAa,CAAC,KAAa,EAAE,IAA6B;IACjE,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,KAAK,SAAS,CAAC,CAAA;IACzC,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;QAC7B,OAAQ,SAAuB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC/C,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;gBACtD,MAAM,GAAG,GAAG,IAA+B,CAAA;gBAC3C,MAAM,GAAG,GAAG,OAAO,GAAG,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;gBACnE,IAAI,CAAC,GAAG;oBAAE,OAAO,EAAE,CAAA;gBACnB,MAAM,QAAQ,GAAG,OAAO,GAAG,CAAC,UAAU,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;gBAClF,OAAO,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAA;YAC5B,CAAC;YACD,OAAO,EAAE,CAAA;QACX,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,OAAO,EAAE,CAAA;AACX,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,SAAS,EACT,aAAa,EACb,QAAQ,GACY;IACpB,MAAM,IAAI,GAAG,KAAK,CAAC,IAA+B,CAAA;IAClD,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IAExC,iEAAiE;IACjE,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IACpE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;QAAE,OAAO,IAAI,CAAA;IAEnE,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrB,OAAO,CACL,4BAAG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAI,CACvE,CAAA;QACH,CAAC;QACD,OAAO,4BAAG,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,GAAI,CAAA;IACzE,CAAC;IAED,sDAAsD;IACtD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;QACpC,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,SAA+B,EAAE,CAAC,CAAC,CAAA;IAEnF,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACtB,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE;YAC1C,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC/C,qDAAqD;gBACrD,OAAO,cAAa,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,aAAa,IAA3D,CAAC,CAA8D,CAAA;YAClF,CAAC;YACD,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAClC,OAAO,CACL,gBAAe,GAAG,EAAE,GAAG,EAAE,QAAQ,QAAC,SAAS,EAAE,aAAa,YACxD,gBAAO,IAAI,EAAC,UAAU,GAAG,IADf,CAAC,CAEL,CACT,CAAA;YACH,CAAC;YACD,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAClC,OAAO,gBAAe,GAAG,EAAE,GAAG,EAAE,QAAQ,QAAC,SAAS,EAAE,aAAa,IAA9C,CAAC,CAAiD,CAAA;YACvE,CAAC;YACD,OAAO,CACL,YAAW,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,EAAE,aAAa,YACrF,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,IADtB,CAAC,CAEL,CACL,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC"}

package/dist/fields/index.d.ts

@@ -1,5 +1,9 @@
 export { ImageField } from './ImageField.js';
 export type { ImageFieldProps } from './ImageField.js';
+export { MediaField } from './MediaField.js';
+export type { MediaFieldProps } from './MediaField.js';
+export { MediaListField } from './MediaListField.js';
+export type { MediaListFieldProps } from './MediaListField.js';
 export { BodyField } from './BodyField.js';
 export type { BodyFieldProps } from './BodyField.js';
 export { TagList } from './TagList.js';

package/dist/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAE1E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAE1E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/fields/index.js

@@ -1,4 +1,6 @@
 export { ImageField } from './ImageField.js';
+export { MediaField } from './MediaField.js';
+export { MediaListField } from './MediaListField.js';
 export { BodyField } from './BodyField.js';
 export { TagList } from './TagList.js';
 export { AuthorByline } from './AuthorByline.js';

package/dist/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG5C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAG1C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAGpD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAG1C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/next/AirdraftMedia.d.ts

@@ -0,0 +1,35 @@
+import type { ReactNode } from 'react';
+import type { Entry } from '@airdraft/core';
+export interface AirdraftMediaProps {
+    /** The field name in the entry's data (e.g. 'cover', 'attachment'). */
+    field: string;
+    /** The entry whose data is searched for the media value. */
+    entry: Entry;
+    alt?: string;
+    className?: string;
+    /** Passed through to next/image when rendering images. */
+    priority?: boolean;
+    /**
+     * Render prop — receives the resolved URL and MIME type hint.
+     * Use this to plug in custom rendering for non-image types.
+     *
+     * @example
+     * <AirdraftMedia field="attachment" entry={entry}>
+     *   {(url, mimeType) => <a href={url}>{mimeType ?? 'Download'}</a>}
+     * </AirdraftMedia>
+     */
+    children?: (url: string, mimeType: string | undefined) => ReactNode;
+}
+/**
+ * Next.js-aware media component that handles all media types.
+ *
+ * - Images (image/* MIME or unknown type): uses `next/image` with dimensions when available
+ * - Videos: `<video controls>`
+ * - Audio: `<audio controls>`
+ * - Other: `<a>` download link
+ *
+ * Returns `null` when no URL can be resolved.
+ * RSC-compatible — no `"use client"`.
+ */
+export declare function AirdraftMedia({ field, entry, alt, className, priority, children, }: AirdraftMediaProps): ReactNode;
+//# sourceMappingURL=AirdraftMedia.d.ts.map

package/dist/next/AirdraftMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AirdraftMedia.d.ts","sourceRoot":"","sources":["../../src/next/AirdraftMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAG3C,MAAM,WAAW,kBAAkB;IACjC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,KAAK,EAAE,KAAK,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,KAAK,SAAS,CAAA;CACpE;AAWD;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,GAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,GAAG,SAAS,CAiDhC"}

package/dist/next/AirdraftMedia.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Image from 'next/image';
+import { resolveMediaUrl, resolveImageDimensions } from '@airdraft/content';
+function getMimeType(field, data) {
+    const mediaObj = data[`${field}_media`];
+    if (mediaObj && typeof mediaObj === 'object' && 'mimeType' in mediaObj) {
+        const m = mediaObj['mimeType'];
+        if (typeof m === 'string' && m)
+            return m;
+    }
+    return undefined;
+}
+/**
+ * Next.js-aware media component that handles all media types.
+ *
+ * - Images (image/* MIME or unknown type): uses `next/image` with dimensions when available
+ * - Videos: `<video controls>`
+ * - Audio: `<audio controls>`
+ * - Other: `<a>` download link
+ *
+ * Returns `null` when no URL can be resolved.
+ * RSC-compatible — no `"use client"`.
+ */
+export function AirdraftMedia({ field, entry, alt = '', className, priority, children, }) {
+    const data = entry.data;
+    const src = resolveMediaUrl(field, data);
+    if (!src)
+        return null;
+    const mimeType = getMimeType(field, data);
+    if (children)
+        return children(src, mimeType);
+    // Images (or unknown MIME) — use next/image
+    if (!mimeType || mimeType.startsWith('image/')) {
+        const dims = resolveImageDimensions(field, data);
+        if (dims) {
+            return (_jsx(Image, { src: src, alt: alt, width: dims.width, height: dims.height, className: className, priority: priority }));
+        }
+        return (_jsx("div", { className: className, style: { position: 'relative' }, children: _jsx(Image, { src: src, alt: alt, fill: true, priority: priority }) }));
+    }
+    if (mimeType.startsWith('video/')) {
+        return (_jsx("video", { src: src, controls: true, className: className, children: _jsx("track", { kind: "captions" }) }));
+    }
+    if (mimeType.startsWith('audio/')) {
+        return _jsx("audio", { src: src, controls: true, className: className });
+    }
+    // Generic file — render a link
+    return (_jsx("a", { href: src, target: "_blank", rel: "noopener noreferrer", className: className, children: src.split('/').pop() ?? src }));
+}
+//# sourceMappingURL=AirdraftMedia.js.map

package/dist/next/AirdraftMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AirdraftMedia.js","sourceRoot":"","sources":["../../src/next/AirdraftMedia.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,YAAY,CAAA;AAE9B,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAuB3E,SAAS,WAAW,CAAC,KAAa,EAAE,IAA6B;IAC/D,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAA;IACvC,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;QACvE,MAAM,CAAC,GAAI,QAAoC,CAAC,UAAU,CAAC,CAAA;QAC3D,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC;YAAE,OAAO,CAAC,CAAA;IAC1C,CAAC;IACD,OAAO,SAAS,CAAA;AAClB,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,GAAG,GAAG,EAAE,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GACW;IACnB,MAAM,IAAI,GAAG,KAAK,CAAC,IAA+B,CAAA;IAClD,MAAM,GAAG,GAAG,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IACxC,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAA;IAErB,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IAEzC,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;IAE5C,4CAA4C;IAC5C,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,MAAM,IAAI,GAAG,sBAAsB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;QAChD,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,CACL,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;QACH,CAAC;QACD,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YACxD,KAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,QAAC,QAAQ,EAAE,QAAQ,GAAI,GAClD,CACP,CAAA;IACH,CAAC;IAED,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAClC,OAAO,CACL,gBAAO,GAAG,EAAE,GAAG,EAAE,QAAQ,QAAC,SAAS,EAAE,SAAS,YAC5C,gBAAO,IAAI,EAAC,UAAU,GAAG,GACnB,CACT,CAAA;IACH,CAAC;IAED,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAClC,OAAO,gBAAO,GAAG,EAAE,GAAG,EAAE,QAAQ,QAAC,SAAS,EAAE,SAAS,GAAI,CAAA;IAC3D,CAAC;IAED,+BAA+B;IAC/B,OAAO,CACL,YAAG,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,EAAE,SAAS,YACzE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,GAC1B,CACL,CAAA;AACH,CAAC"}

package/dist/next/index.d.ts

@@ -1,3 +1,5 @@
 export { AirdraftImage } from './AirdraftImage.js';
 export type { AirdraftImageProps } from './AirdraftImage.js';
+export { AirdraftMedia } from './AirdraftMedia.js';
+export type { AirdraftMediaProps } from './AirdraftMedia.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/next/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/next/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/next/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/next/index.js

@@ -1,2 +1,3 @@
 export { AirdraftImage } from './AirdraftImage.js';
+export { AirdraftMedia } from './AirdraftMedia.js';
 //# sourceMappingURL=index.js.map

package/dist/next/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/next/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/next/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@airdraft/react-content",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Airdraft React components for rendering CMS content — field atoms, entry cards, and blog recipes",
   "type": "module",
   "main": "./dist/index.js",
@@ -46,7 +46,7 @@
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
-    "next": "^15.0.0",
+    "next": "^16.1.7",
     "react": "^18.0.0",
     "typescript": "^5.7.2"
   },