fimo 0.20.0 → 0.21.0-experimental.1

package/dist/runtime/next/server.d.ts

@@ -1,21 +0,0 @@
-import type { CollectionContentCore, ContentClientConfig, SingletonContentCore } from '../content/client/core-types.js';
-export { StaticImage } from '../react/primitives/renderers/StaticImage.js';
-export { Text } from './primitives/Text.js';
-export { Boolean, Date, DateTime, Image, Json, RichText, Video } from './primitives/server.js';
-export { createFimo } from './facade.js';
-export type { CreateFimoOptions, NextContentRegistry } from './facade.js';
-export { getLabels } from './labels.js';
-export { type FormClient, type FormSubmissionResult } from '../forms/index.js';
-export type { GetLabelsOptions } from '../labels/fetch.js';
-export type { Labels, LabelsSnapshot } from '../labels/core.js';
-export type { FimoRichTextComponents, FimoRichTextMarkProps, FimoRichTextNodeProps, } from '../react/primitives/contracts.js';
-export declare function createContentClient<T extends {
-    id: string;
-}, TInput extends object>(config: ContentClientConfig): CollectionContentCore<T, TInput>;
-export declare function createSingletonClient<T extends {
-    id: string;
-}, TInput extends object>(config: ContentClientConfig): SingletonContentCore<T, TInput>;
-export declare const formClient: import("./client.js").FormClient;
-export type { CollectionContentCore as CollectionContentClient, SingletonContentCore as SingletonContentClient, } from '../content/client/core-types.js';
-export * from '../content/index.js';
-//# sourceMappingURL=server.d.ts.map

package/dist/runtime/next/server.js

@@ -1,16 +0,0 @@
-import { createServerContentClient, createServerSingletonClient } from '../content/client/server-content-client.js';
-import { createFormClient } from '../forms/index.js';
-import { nextServerContentRuntime } from './server-runtime.js';
-export { StaticImage } from '../react/primitives/renderers/StaticImage.js';
-export { Text } from './primitives/Text.js';
-export { Boolean, Date, DateTime, Image, Json, RichText, Video } from './primitives/server.js';
-export { createFimo } from './facade.js';
-export { getLabels } from './labels.js';
-export function createContentClient(config) {
-    return createServerContentClient(config, nextServerContentRuntime);
-}
-export function createSingletonClient(config) {
-    return createServerSingletonClient(config, nextServerContentRuntime);
-}
-export const formClient = createFormClient(nextServerContentRuntime);
-export * from '../content/index.js';

package/dist/runtime/primitives/index.d.ts

@@ -1,16 +0,0 @@
-export { Text } from '../react/primitives/editable/Text.js';
-export { Image, StaticImage } from '../vite/primitives/Images.js';
-export { Video } from '../react/primitives/editable/Video.js';
-export { Date } from '../react/primitives/editable/Date.js';
-export { DateTime } from '../react/primitives/editable/DateTime.js';
-export { Boolean } from '../react/primitives/editable/Boolean.js';
-export { Json } from '../react/primitives/editable/Json.js';
-export { RichText } from '../react/primitives/editable/RichText.js';
-export { Label } from '../vite/Label.js';
-export type { LabelProps } from '../vite/Label.js';
-export { useLabels, useTranslations } from '../vite/translations.js';
-export { FimoString, FimoDate, FimoMedia, FimoBoolean, FimoRichText, type FimoPolymorphicReference, type FimoReference, type FimoSource, type FimoPart, type FimoRichTextContent, FIMO_SOURCE, FIMO_PARTS, isFimoString, isFimoDate, hasFimoSource, getFimoSource, getFimoParts, fimo, } from './lib/index.js';
-export type { FimoRichTextComponents, FimoRichTextMarkProps, FimoRichTextNodeProps, } from '../react/primitives/contracts.js';
-export { useFimoLiveValue } from '../react/useFimoLiveValue.js';
-export type { BoolOps, DateOps, Field, Fields, FilterFor, NullOnlyOps, NumberOps, Populate, Populated, PopulatedResult, Projected, ProjectedWithPopulate, Query, ReferenceField, ReferenceMap, ScalarOps, Sort, SortField, StringOps, WithReferences, Where, } from './lib/index.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/runtime/primitives/index.js

@@ -1,17 +0,0 @@
-// Fimo UI — components and primitives for source-tracked inline editing
-// This module is auto-synced and should not be modified by agents or users.
-// Components
-export { Text } from '../react/primitives/editable/Text.js';
-export { Image, StaticImage } from '../vite/primitives/Images.js';
-export { Video } from '../react/primitives/editable/Video.js';
-export { Date } from '../react/primitives/editable/Date.js';
-export { DateTime } from '../react/primitives/editable/DateTime.js';
-export { Boolean } from '../react/primitives/editable/Boolean.js';
-export { Json } from '../react/primitives/editable/Json.js';
-export { RichText } from '../react/primitives/editable/RichText.js';
-// Labels
-export { Label } from '../vite/Label.js';
-export { useLabels, useTranslations } from '../vite/translations.js';
-// Primitives & utilities
-export { FimoString, FimoDate, FimoMedia, FimoBoolean, FimoRichText, FIMO_SOURCE, FIMO_PARTS, isFimoString, isFimoDate, hasFimoSource, getFimoSource, getFimoParts, fimo, } from './lib/index.js';
-export { useFimoLiveValue } from '../react/useFimoLiveValue.js';

package/dist/runtime/react/primitives/contracts.d.ts

@@ -1,94 +0,0 @@
-import type { ComponentPropsWithoutRef, ComponentType, ElementType, ReactNode } from 'react';
-import type { ImageFit } from '../../primitives/lib/image-optimization.js';
-import type { FimoBoolean, FimoDate, FimoMedia, FimoRichText, FimoRichTextContent, FimoString } from '../../primitives/lib/index.js';
-export interface FimoRichTextNodeProps {
-    children?: ReactNode;
-    node: FimoRichTextContent;
-}
-export interface FimoRichTextMarkProps {
-    children: ReactNode;
-    mark: {
-        type: string;
-        attrs?: Record<string, unknown>;
-    };
-}
-export interface FimoRichTextComponents {
-    paragraph?: ComponentType<FimoRichTextNodeProps>;
-    heading?: ComponentType<FimoRichTextNodeProps>;
-    bulletList?: ComponentType<FimoRichTextNodeProps>;
-    orderedList?: ComponentType<FimoRichTextNodeProps>;
-    listItem?: ComponentType<FimoRichTextNodeProps>;
-    blockquote?: ComponentType<FimoRichTextNodeProps>;
-    codeBlock?: ComponentType<FimoRichTextNodeProps>;
-    horizontalRule?: ComponentType<FimoRichTextNodeProps>;
-    hardBreak?: ComponentType<FimoRichTextNodeProps>;
-    image?: ComponentType<FimoRichTextNodeProps>;
-    table?: ComponentType<FimoRichTextNodeProps>;
-    tableRow?: ComponentType<FimoRichTextNodeProps>;
-    tableCell?: ComponentType<FimoRichTextNodeProps>;
-    tableHeader?: ComponentType<FimoRichTextNodeProps>;
-    iframe?: ComponentType<FimoRichTextNodeProps>;
-    bold?: ComponentType<FimoRichTextMarkProps>;
-    italic?: ComponentType<FimoRichTextMarkProps>;
-    underline?: ComponentType<FimoRichTextMarkProps>;
-    strike?: ComponentType<FimoRichTextMarkProps>;
-    code?: ComponentType<FimoRichTextMarkProps>;
-    link?: ComponentType<FimoRichTextMarkProps>;
-}
-export type BooleanProps<T extends ElementType = 'span'> = {
-    value: FimoBoolean;
-    as?: T;
-    children?: (value: boolean) => ReactNode;
-} & Omit<ComponentPropsWithoutRef<T>, 'value' | 'as' | 'children'>;
-export interface DateProps {
-    value: FimoDate | FimoString | Date | string;
-    children?: (date: Date) => ReactNode;
-    className?: string;
-}
-export interface BaseImageProps extends Omit<ComponentPropsWithoutRef<'img'>, 'src' | 'alt' | 'children'> {
-    quality?: number;
-    fit?: ImageFit;
-    unoptimized?: boolean;
-    overrideSrc?: string;
-    hostSuffixes?: readonly string[];
-}
-export interface ImageProps extends BaseImageProps {
-    value: FimoMedia;
-    alt?: string;
-    children?: (media: FimoMedia) => ReactNode;
-}
-export type JsonProps<T extends ElementType = 'span'> = {
-    value: unknown;
-    as?: T;
-    children?: (value: unknown) => ReactNode;
-} & Omit<ComponentPropsWithoutRef<T>, 'value' | 'as' | 'children'>;
-export interface RichTextProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
-    value: FimoRichText | null | undefined;
-    components?: FimoRichTextComponents;
-}
-export type StaticImageProps = Omit<ComponentPropsWithoutRef<'img'>, 'children'> & {
-    /** Image quality (1-100). Defaults to 85. */
-    quality?: number;
-    /** Resize fit mode. Also maps to CSS object-fit. Defaults to 'scale-down'. */
-    fit?: ImageFit;
-    /** Skip optimization and use the original URL. */
-    unoptimized?: boolean;
-    hostSuffixes?: readonly string[];
-};
-export type TextProps<T extends ElementType = 'span'> = {
-    value: unknown;
-    as?: T;
-    children?: (value: string) => ReactNode;
-} & Omit<ComponentPropsWithoutRef<T>, 'value' | 'as' | 'children'>;
-export type LabelProps<T extends ElementType = 'span'> = Omit<TextProps<T>, 'value'> & {
-    /** Literal label key, e.g. `hero.title`. Dynamic keys cannot be validated. */
-    value: string;
-};
-export interface BaseVideoProps extends Omit<ComponentPropsWithoutRef<'video'>, 'src' | 'children'> {
-    overrideSrc?: string;
-}
-export interface VideoProps extends BaseVideoProps {
-    value: FimoMedia;
-    children?: (media: FimoMedia) => ReactNode;
-}
-//# sourceMappingURL=contracts.d.ts.map

package/dist/runtime/react/primitives/contracts.js

@@ -1 +0,0 @@
-export {};

package/dist/runtime/react/primitives/editable/Boolean.d.ts

@@ -1,5 +0,0 @@
-import { type ElementType } from 'react';
-import type { BooleanProps } from '../contracts.js';
-export type { BooleanProps } from '../contracts.js';
-export declare function Boolean<T extends ElementType = 'span'>({ value, as, children, ...props }: BooleanProps<T>): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=Boolean.d.ts.map

package/dist/runtime/react/primitives/editable/Boolean.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FIMO_SOURCE } from '../../../primitives/lib/index.js';
-import { useFimoLiveValue } from '../../useFimoLiveValue.js';
-export function Boolean({ value, as, children, ...props }) {
-    const Component = as || 'span';
-    const { value: liveValue, ref } = useFimoLiveValue(value ? value.valueOf() : false);
-    if (!value) {
-        return null;
-    }
-    return (_jsx(Component, { ref: ref, ...props, "data-fimo-source": value[FIMO_SOURCE], children: children ? children(liveValue) : String(liveValue) }));
-}

package/dist/runtime/react/primitives/editable/Date.d.ts

@@ -1,4 +0,0 @@
-import type { DateProps } from '../contracts.js';
-export type { DateProps } from '../contracts.js';
-export declare function Date({ value, ...props }: DateProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=Date.d.ts.map

package/dist/runtime/react/primitives/editable/Date.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FIMO_SOURCE } from '../../../primitives/lib/index.js';
-import { useFimoLiveValue } from '../../useFimoLiveValue.js';
-import { DateRenderer } from '../renderers/DateRenderer.js';
-export function Date({ value, ...props }) {
-    const { value: liveValue, ref } = useFimoLiveValue(value ?? null);
-    if (!liveValue) {
-        return null;
-    }
-    const source = typeof value === 'object' && FIMO_SOURCE in value ? (value[FIMO_SOURCE] ?? undefined) : undefined;
-    return _jsx(DateRenderer, { ...props, value: liveValue, source: source, elementRef: ref });
-}

package/dist/runtime/react/primitives/editable/DateTime.d.ts

@@ -1,4 +0,0 @@
-import type { DateProps } from '../contracts.js';
-/** Renders a `datetime` field: the `dateTime` attribute keeps the whole instant. */
-export declare function DateTime({ value, ...props }: DateProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=DateTime.d.ts.map

package/dist/runtime/react/primitives/editable/DateTime.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FIMO_SOURCE } from '../../../primitives/lib/index.js';
-import { useFimoLiveValue } from '../../useFimoLiveValue.js';
-import { DateRenderer } from '../renderers/DateRenderer.js';
-/** Renders a `datetime` field: the `dateTime` attribute keeps the whole instant. */
-export function DateTime({ value, ...props }) {
-    const { value: liveValue, ref } = useFimoLiveValue(value ?? null);
-    if (!liveValue) {
-        return null;
-    }
-    const source = typeof value === 'object' && FIMO_SOURCE in value ? (value[FIMO_SOURCE] ?? undefined) : undefined;
-    return _jsx(DateRenderer, { ...props, value: liveValue, source: source, precision: "instant", elementRef: ref });
-}

package/dist/runtime/react/primitives/editable/Image.d.ts

@@ -1,4 +0,0 @@
-import type { ImageProps } from '../contracts.js';
-export type { BaseImageProps, ImageProps } from '../contracts.js';
-export declare function Image({ value: media, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=Image.d.ts.map

package/dist/runtime/react/primitives/editable/Image.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFimoLiveValue } from '../../useFimoLiveValue.js';
-import { ImageRenderer } from '../renderers/ImageRenderer.js';
-export function Image({ value: media, ...props }) {
-    const { value: liveMedia, ref } = useFimoLiveValue(media ?? null);
-    if (!liveMedia) {
-        return null;
-    }
-    return _jsx(ImageRenderer, { ...props, value: liveMedia, elementRef: ref });
-}

package/dist/runtime/react/primitives/editable/Json.d.ts

@@ -1,5 +0,0 @@
-import { type ElementType } from 'react';
-import type { JsonProps } from '../contracts.js';
-export type { JsonProps } from '../contracts.js';
-export declare function Json<T extends ElementType = 'span'>({ value, as, children, ...props }: JsonProps<T>): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=Json.d.ts.map

package/dist/runtime/react/primitives/editable/Json.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getFimoSource } from '../../../primitives/lib/index.js';
-import { useFimoLiveValue } from '../../useFimoLiveValue.js';
-export function Json({ value, as, children, ...props }) {
-    const Component = as || 'span';
-    const { value: liveValue, ref } = useFimoLiveValue(value);
-    if (value === null || value === undefined) {
-        return null;
-    }
-    return (_jsx(Component, { ref: ref, ...props, "data-fimo-source": getFimoSource(value), children: children ? children(liveValue) : JSON.stringify(liveValue) }));
-}

package/dist/runtime/react/primitives/editable/RichText.d.ts

@@ -1,4 +0,0 @@
-import type { RichTextProps } from '../contracts.js';
-export type { RichTextProps } from '../contracts.js';
-export declare function RichText({ value, components, ...props }: RichTextProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=RichText.d.ts.map

package/dist/runtime/react/primitives/editable/RichText.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FIMO_SOURCE } from '../../../primitives/lib/index.js';
-import { useFimoLiveValue } from '../../useFimoLiveValue.js';
-import { RichTextRenderer } from '../renderers/RichTextRenderer.js';
-export function RichText({ value, components, ...props }) {
-    const { value: liveContent, ref } = useFimoLiveValue(value?.content ?? null);
-    if (!value) {
-        return null;
-    }
-    return (_jsx(RichTextRenderer, { ...props, document: liveContent, source: value[FIMO_SOURCE], components: components, elementRef: ref }));
-}

package/dist/runtime/react/primitives/editable/Text.d.ts

@@ -1,20 +0,0 @@
-import { type ElementType } from 'react';
-import type { TextProps } from '../contracts.js';
-export type { TextProps } from '../contracts.js';
-/**
- * Text component for rendering text with source tracking
- *
- * Works with both schema data (FimoString) and translations.
- * The `as` prop changes the rendered element (polymorphic).
- * Use children render function for custom formatting.
- *
- * @example
- * <Text value={post.title} />
- * <Text value={post.title} as="h1" className="text-4xl" />
- * <Text value={t('welcome')} as="p" />
- *
- * // With render function for formatting
- * <Text value={product.price}>{(p) => `$${Number(p).toLocaleString()}`}</Text>
- */
-export declare function Text<T extends ElementType = 'span'>({ value, as, children, ...props }: TextProps<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Text.d.ts.map

package/dist/runtime/react/primitives/editable/Text.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import { getFimoParts, getFimoSource } from '../../../primitives/lib/index.js';
-import { useFimoLiveValue } from '../../useFimoLiveValue.js';
-/**
- * Text component for rendering text with source tracking
- *
- * Works with both schema data (FimoString) and translations.
- * The `as` prop changes the rendered element (polymorphic).
- * Use children render function for custom formatting.
- *
- * @example
- * <Text value={post.title} />
- * <Text value={post.title} as="h1" className="text-4xl" />
- * <Text value={t('welcome')} as="p" />
- *
- * // With render function for formatting
- * <Text value={product.price}>{(p) => `$${Number(p).toLocaleString()}`}</Text>
- */
-export function Text({ value, as, children, ...props }) {
-    const Component = as || 'span';
-    const parts = getFimoParts(value);
-    const source = getFimoSource(value);
-    const { value: liveValue, ref } = useFimoLiveValue(String(value));
-    // Composed fimo value with parts — decompose into individually tracked spans
-    if (parts && parts.length > 1 && !children) {
-        return (_jsx(Component, { ...props, children: parts.map((part, i) => part.source ? (_jsx(TextPart, { part: part }, i)) : (_jsx(Fragment, { children: part.text }, i))) }));
-    }
-    // Use render function if provided, otherwise display raw value
-    const content = children ? children(liveValue) : liveValue;
-    return (_jsx(Component, { ref: ref, ...props, "data-fimo-source": source, children: content }));
-}
-function TextPart({ part }) {
-    const { value: liveText, ref } = useFimoLiveValue(part.text);
-    return (_jsx("span", { ref: ref, "data-fimo-source": part.source, children: liveText }));
-}

package/dist/runtime/react/primitives/editable/Video.d.ts

@@ -1,4 +0,0 @@
-import type { VideoProps } from '../contracts.js';
-export type { BaseVideoProps, VideoProps } from '../contracts.js';
-export declare function Video({ value: media, ...props }: VideoProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=Video.d.ts.map

package/dist/runtime/react/primitives/editable/Video.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFimoLiveValue } from '../../useFimoLiveValue.js';
-import { VideoRenderer } from '../renderers/VideoRenderer.js';
-export function Video({ value: media, ...props }) {
-    const { value: liveMedia, ref } = useFimoLiveValue(media ?? null);
-    if (!liveMedia) {
-        return null;
-    }
-    return _jsx(VideoRenderer, { ...props, value: liveMedia, elementRef: ref });
-}

package/dist/runtime/react/primitives/renderers/DateRenderer.d.ts

@@ -1,17 +0,0 @@
-import { type ReactNode, type Ref } from 'react';
-import type { FimoDate, FimoString } from '../../../primitives/lib/index.js';
-export interface DateRendererProps {
-    value: FimoDate | FimoString | Date | string | number;
-    source: string | undefined;
-    /**
-     * `day` emits the calendar day in `dateTime`; `instant` keeps the full ISO
-     * instant, which is the whole point of a `datetime` field. Defaults to `day`
-     * so `<Date>` renders exactly what it always has.
-     */
-    precision?: 'day' | 'instant';
-    children?: (date: Date) => ReactNode;
-    className?: string;
-    elementRef?: Ref<HTMLTimeElement>;
-}
-export declare function DateRenderer({ value, source, precision, children, className, elementRef }: DateRendererProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DateRenderer.d.ts.map

package/dist/runtime/react/primitives/renderers/DateRenderer.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function DateRenderer({ value, source, precision = 'day', children, className, elementRef }) {
-    const rawValue = value instanceof String ? value.toString() : value;
-    const dateValue = new globalThis.Date(rawValue);
-    const iso = dateValue.toISOString();
-    const dateTime = precision === 'instant' ? iso : iso.split('T')[0];
-    const content = children
-        ? children(dateValue)
-        : precision === 'instant'
-            ? dateValue.toLocaleString(undefined, { dateStyle: 'medium', timeStyle: 'short' })
-            : dateValue.toLocaleDateString(undefined, {
-                year: 'numeric',
-                month: 'short',
-                day: 'numeric',
-            });
-    return (_jsx("time", { ref: elementRef, dateTime: dateTime, className: className, "data-fimo-source": source, children: content }));
-}

package/dist/runtime/react/primitives/renderers/ImageRenderer.d.ts

@@ -1,8 +0,0 @@
-import { type RefObject } from 'react';
-import type { ImageProps } from '../contracts.js';
-interface ImageRendererProps extends ImageProps {
-    elementRef?: RefObject<HTMLElement | null>;
-}
-export declare function ImageRenderer({ value: media, children, quality, unoptimized, fit, width, height, alt: altOverride, overrideSrc, srcSet: srcSetOverride, sizes, style, hostSuffixes, elementRef, ...imgProps }: ImageRendererProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ImageRenderer.d.ts.map

package/dist/runtime/react/primitives/renderers/ImageRenderer.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { resolveImagePresentation } from '../../../primitives/lib/image-optimization.js';
-import { FIMO_SOURCE } from '../../../primitives/lib/primitives.js';
-export function ImageRenderer({ value: media, children, quality, unoptimized = false, fit, width, height, alt: altOverride, overrideSrc, srcSet: srcSetOverride, sizes, style, hostSuffixes, elementRef, ...imgProps }) {
-    const mediaSource = media[FIMO_SOURCE];
-    if (children) {
-        return (_jsx("span", { ref: elementRef, "data-fimo-source": mediaSource, children: children(media) }));
-    }
-    const image = resolveImagePresentation({
-        src: media.url,
-        alt: altOverride ?? media.alt,
-        mediaWidth: media.width,
-        mediaHeight: media.height,
-        quality,
-        fit,
-        unoptimized,
-        overrideSrc,
-        width,
-        height,
-        sizes,
-        srcSet: srcSetOverride,
-        hostSuffixes,
-    });
-    const finalStyle = style?.objectFit
-        ? style
-        : {
-            ...style,
-            objectFit: image.objectFit,
-        };
-    return (_jsx("img", { ref: elementRef, src: image.src, alt: image.alt, width: image.width, height: image.height, style: finalStyle, sizes: image.sizes, srcSet: image.srcSet, ...imgProps, "data-fimo-source": mediaSource }));
-}

package/dist/runtime/react/primitives/renderers/RichTextRenderer.d.ts

@@ -1,12 +0,0 @@
-import { type ComponentPropsWithoutRef, type Ref } from 'react';
-import type { FimoRichTextContent } from '../../../primitives/lib/index.js';
-import type { FimoRichTextComponents } from '../contracts.js';
-interface RichTextRendererProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
-    document: FimoRichTextContent | null | undefined;
-    source: string | undefined;
-    components?: FimoRichTextComponents;
-    elementRef?: Ref<HTMLDivElement>;
-}
-export declare function RichTextRenderer({ document, source, components, elementRef, ...props }: RichTextRendererProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=RichTextRenderer.d.ts.map

package/dist/runtime/react/primitives/renderers/RichTextRenderer.js

@@ -1,135 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment } from 'react';
-function DefaultParagraph({ children }) {
-    return _jsx("p", { children: children });
-}
-function DefaultHeading({ node, children }) {
-    const level = node.attrs?.level ?? 1;
-    const Tag = `h${level}`;
-    return _jsx(Tag, { children: children });
-}
-function DefaultBulletList({ children }) {
-    return _jsx("ul", { children: children });
-}
-function DefaultOrderedList({ children }) {
-    return _jsx("ol", { children: children });
-}
-function DefaultListItem({ children }) {
-    return _jsx("li", { children: children });
-}
-function DefaultBlockquote({ children }) {
-    return _jsx("blockquote", { children: children });
-}
-function DefaultCodeBlock({ children }) {
-    return (_jsx("pre", { children: _jsx("code", { children: children }) }));
-}
-function DefaultHorizontalRule() {
-    return _jsx("hr", {});
-}
-function DefaultHardBreak() {
-    return _jsx("br", {});
-}
-function DefaultImage({ node }) {
-    const src = node.attrs?.src;
-    const alt = node.attrs?.alt ?? '';
-    return _jsx("img", { src: src, alt: alt });
-}
-function DefaultIframe({ node }) {
-    const src = node.attrs?.src;
-    return (_jsx("div", { style: {
-            position: 'relative',
-            width: '100%',
-            paddingBottom: '56.25%',
-            borderRadius: '0.375rem',
-            overflow: 'hidden',
-        }, children: _jsx("iframe", { src: src, style: { position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', border: 0 }, allowFullScreen: true }) }));
-}
-function DefaultTable({ children }) {
-    return (_jsx("table", { className: "border-border w-full border-collapse border", children: _jsx("tbody", { children: children }) }));
-}
-function DefaultTableRow({ children }) {
-    return _jsx("tr", { className: "border-border border-b last:border-b-0", children: children });
-}
-function DefaultTableCell({ children }) {
-    return _jsx("td", { className: "border-border border px-3 py-2 align-top", children: children });
-}
-function DefaultTableHeader({ children }) {
-    return _jsx("th", { className: "border-border bg-muted border px-3 py-2 text-left align-top font-semibold", children: children });
-}
-function DefaultBold({ children }) {
-    return _jsx("strong", { children: children });
-}
-function DefaultItalic({ children }) {
-    return _jsx("em", { children: children });
-}
-function DefaultUnderline({ children }) {
-    return _jsx("u", { children: children });
-}
-function DefaultStrike({ children }) {
-    return _jsx("s", { children: children });
-}
-function DefaultCode({ children }) {
-    return _jsx("code", { children: children });
-}
-function DefaultLink({ mark, children }) {
-    const href = mark.attrs?.href;
-    const target = mark.attrs?.target;
-    const rel = mark.attrs?.rel;
-    return (_jsx("a", { href: href, target: target, rel: rel, children: children }));
-}
-const DEFAULT_NODES = {
-    paragraph: DefaultParagraph,
-    heading: DefaultHeading,
-    bulletList: DefaultBulletList,
-    orderedList: DefaultOrderedList,
-    listItem: DefaultListItem,
-    blockquote: DefaultBlockquote,
-    codeBlock: DefaultCodeBlock,
-    horizontalRule: DefaultHorizontalRule,
-    hardBreak: DefaultHardBreak,
-    image: DefaultImage,
-    table: DefaultTable,
-    tableRow: DefaultTableRow,
-    tableCell: DefaultTableCell,
-    tableHeader: DefaultTableHeader,
-    iframe: DefaultIframe,
-};
-const DEFAULT_MARKS = {
-    bold: DefaultBold,
-    strong: DefaultBold,
-    italic: DefaultItalic,
-    em: DefaultItalic,
-    underline: DefaultUnderline,
-    strike: DefaultStrike,
-    code: DefaultCode,
-    link: DefaultLink,
-};
-function renderNode(node, components, key) {
-    if (node.type === 'text') {
-        let result = node.text ?? '';
-        if (node.marks) {
-            for (const mark of node.marks) {
-                const MarkComponent = components?.[mark.type] ?? DEFAULT_MARKS[mark.type];
-                if (MarkComponent) {
-                    result = _jsx(MarkComponent, { mark: mark, children: result });
-                }
-            }
-        }
-        return _jsx(Fragment, { children: result }, key);
-    }
-    const children = node.content?.map((child, index) => renderNode(child, components, index)) ?? null;
-    if (node.type === 'doc') {
-        return _jsx(Fragment, { children: children }, key);
-    }
-    const NodeComponent = components?.[node.type] ?? DEFAULT_NODES[node.type];
-    if (NodeComponent) {
-        return (_jsx(NodeComponent, { node: node, children: children }, key));
-    }
-    return _jsx(Fragment, { children: children }, key);
-}
-export function RichTextRenderer({ document, source, components, elementRef, ...props }) {
-    if (!document) {
-        return null;
-    }
-    return (_jsx("div", { ref: elementRef, ...props, "data-fimo-source": source, "data-fimo-richtext": "", children: renderNode(document, components, 0) }));
-}

package/dist/runtime/react/primitives/renderers/StaticImage.d.ts

@@ -1,35 +0,0 @@
-import type { StaticImageProps } from '../contracts.js';
-export type { StaticImageProps } from '../contracts.js';
-/**
- * Optimized image component for non-schema images.
- *
- * Use `StaticImage` for images that don't come from the database —
- * decorative images, hardcoded URLs, generated assets, or any image
- * where you have a direct URL string rather than a `FimoMedia` value
- * from schema hooks.
- *
- * Provides the same Cloudflare Image Resizing optimization as `<Image>`
- * (responsive srcset, quality, format=auto) but without requiring a
- * `FimoMedia` instance or database source tracking.
- *
- * For schema-backed media, use `<Image value={post.cover} />` instead.
- *
- * @example
- * // Basic usage
- * <StaticImage src="/images/hero.jpg" alt="Hero background" width={1200} height={630} />
- *
- * // With Cloudflare optimization
- * <StaticImage src="https://...fimo.site/uploads/photo.jpg" alt="Team" width={800} fit="cover" />
- *
- * // Responsive mode
- * <StaticImage
- *   src="https://...fimo.site/uploads/banner.jpg"
- *   alt="Banner"
- *   sizes="(max-width: 768px) 100vw, 50vw"
- * />
- *
- * // Skip optimization
- * <StaticImage src="/images/logo.svg" alt="Logo" unoptimized />
- */
-export declare function StaticImage(props: StaticImageProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=StaticImage.d.ts.map