@wildo-ai/presets-components 1.0.1

package/dist/esm/components/data-display/formatters/display-field-enum.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DisplayFieldEnum Component
+ *
+ * Displays an enum value based on the enum UI decorator.
+ * Supports different display modes: text, badge, icon, card
+ */
+import * as React from "react";
+import { cn, useI18n, useIconRegistry, IconSize, ICON_SIZE_MAP, Text, Badge, Card } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { EnumDisplayMode, getEnumUI } from "@wildo-ai/zod-decorators";
+/**
+ * DisplayFieldEnum component
+ *
+ * Renders an enum value according to the display policy
+ */
+function DisplayFieldEnum({ schema, value, className, labels, }) {
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    const { renderIcon } = useIconRegistry();
+    const enumUI = getEnumUI(schema);
+    const displayMode = enumUI?.display?.displayMode ?? EnumDisplayMode.TEXT;
+    const resolveColor = (enumValue, fallback) => {
+        return (enumUI?.values?.[enumValue]?.color
+            ?? enumUI?.defaultColor
+            ?? fallback);
+    };
+    const resolveIcon = (enumValue) => {
+        return (enumUI?.values?.[enumValue]?.icon
+            ?? enumUI?.defaultIcon);
+    };
+    // Get display label for the value
+    const displayLabel = value ? (labels?.[value] ?? value) : null;
+    /**
+     * Render an `IconLike` — dispatches between string refs (via icon registry)
+     * and direct React component refs (via createElement).
+     */
+    const renderIconLike = (icon, size, className) => {
+        if (typeof icon === 'string') {
+            return renderIcon(icon, { size, className });
+        }
+        const sizeInPixels = ICON_SIZE_MAP[size];
+        return React.createElement(icon, { size: sizeInPixels, className });
+    };
+    // Render the value content
+    const renderValue = () => {
+        // Handle null/undefined
+        if (value === null || value === undefined || value === '' || displayLabel === null) {
+            return _jsxs(_Fragment, { children: [_jsx(Text, { className: "text-muted-foreground italic", "aria-hidden": "true", children: "\u2014" }), _jsx("span", { className: "sr-only", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue') })] });
+        }
+        // Render based on display mode
+        switch (displayMode) {
+            case EnumDisplayMode.TEXT:
+                return _jsx(Text, { children: displayLabel });
+            case EnumDisplayMode.BADGE: {
+                const variant = resolveColor(value, 'secondary');
+                const icon = resolveIcon(value);
+                return (_jsxs(Badge, { variant: variant, className: cn(icon && 'inline-flex items-center gap-item-xs'), children: [icon ? renderIconLike(icon, IconSize.SM) : null, displayLabel] }));
+            }
+            case EnumDisplayMode.ICON: {
+                const iconVariant = resolveColor(value, 'outline');
+                const icon = resolveIcon(value);
+                if (icon) {
+                    return (_jsxs(Badge, { variant: iconVariant, className: "gap-item-xs", children: [renderIconLike(icon, IconSize.SM), displayLabel] }));
+                }
+                return (_jsxs("span", { className: "inline-flex items-center gap-item-xs", children: [_jsx(Badge, { variant: iconVariant, className: "h-2.5 w-2.5 rounded-full p-0", "aria-hidden": "true" }), _jsx(Text, { children: displayLabel })] }));
+            }
+            case EnumDisplayMode.CARD:
+                return (_jsx(Card, { className: "inline-flex px-card-sm py-1.5", children: _jsx(Text, { className: "text-sm font-medium", children: displayLabel }) }));
+            default:
+                return _jsx(Text, { children: displayLabel });
+        }
+    };
+    // Label/description rendering is handled by the parent DisplayField (FIELD-01)
+    return _jsx("div", { className: className, children: renderValue() });
+}
+;
+DisplayFieldEnum.displayName = "DisplayFieldEnum";
+export { DisplayFieldEnum };
+//# sourceMappingURL=display-field-enum.js.map

package/dist/esm/components/data-display/formatters/display-field-enum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-enum.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-enum.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/data-display/formatters/display-field-file-audio.d.ts

@@ -0,0 +1,14 @@
+/**
+ * DisplayFieldFileAudio Component
+ *
+ * Nature-specific display for audio files.
+ * Renders a compact HTML5 audio player with native controls
+ * and file metadata.
+ *
+ * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO).
+ */
+import * as React from "react";
+import type { DisplayFieldFileAudioProps } from '@wildo-ai/saas-frontend-lib';
+declare function DisplayFieldFileAudio({ metadata, fileId, className, showDownload, showSize, }: DisplayFieldFileAudioProps): React.JSX.Element;
+export { DisplayFieldFileAudio };
+//# sourceMappingURL=display-field-file-audio.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-file-audio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-audio.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-audio.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAM7E,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAmB,EACnB,QAAe,GAChB,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmEhD;AAID,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-file-audio.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DisplayFieldFileAudio Component
+ *
+ * Nature-specific display for audio files.
+ * Renders a compact HTML5 audio player with native controls
+ * and file metadata.
+ *
+ * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO).
+ */
+import * as React from "react";
+import { Text, useIconRegistry, StandardIconReference, IconSize, useI18n } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { formatFileSize } from "@wildo-ai/zod-decorators";
+// =============================================================================
+// COMPONENT
+// =============================================================================
+function DisplayFieldFileAudio({ metadata, fileId, className, showDownload = true, showSize = true, }) {
+    const { renderIcon } = useIconRegistry();
+    const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE] });
+    const [audioError, setAudioError] = React.useState(false);
+    const audioUrl = metadata.url;
+    // No URL or audio failed — fallback to download card
+    if (audioError || !audioUrl) {
+        return (_jsxs("div", { className: `flex items-center gap-group p-card-sm rounded-md border bg-muted/30 ${className ?? ''}`, children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(StandardIconReference.FILE_AUDIO, { size: IconSize.LG, className: "text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "font-medium truncate", children: metadata.filename }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground mt-0.5", children: [showSize && _jsx("span", { children: formatFileSize(metadata.size) }), metadata.extension && _jsx("span", { className: "uppercase", children: metadata.extension }), audioError && _jsx("span", { className: "text-destructive", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO, 'audio_load_error') })] })] }), showDownload && audioUrl && (_jsx("a", { href: audioUrl, download: metadata.filename, className: "text-primary hover:underline text-sm shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO, 'download') }))] }));
+    }
+    return (_jsxs("div", { className: `flex items-center gap-group p-card-sm rounded-md border bg-muted/30 ${className ?? ''}`, children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(StandardIconReference.FILE_AUDIO, { size: IconSize.LG, className: "text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0 space-y-item", children: [_jsxs("div", { className: "flex items-center gap-group", children: [_jsx(Text, { className: "font-medium truncate max-w-48", children: metadata.filename }), showSize && _jsx("span", { className: "text-xs text-muted-foreground", children: formatFileSize(metadata.size) }), metadata.extension && _jsx("span", { className: "text-xs text-muted-foreground uppercase", children: metadata.extension })] }), _jsxs("audio", { controls: true, preload: "metadata", className: "w-full h-8", onError: () => setAudioError(true), children: [_jsx("source", { src: audioUrl, type: metadata.mimeType }), tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO, 'unsupported_format')] })] }), showDownload && (_jsx("a", { href: audioUrl, download: metadata.filename, className: "text-primary hover:underline text-sm shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO, 'download') }))] }));
+}
+;
+DisplayFieldFileAudio.displayName = "DisplayFieldFileAudio";
+export { DisplayFieldFileAudio };
+//# sourceMappingURL=display-field-file-audio.js.map

package/dist/esm/components/data-display/formatters/display-field-file-audio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-audio.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-audio.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,qBAAqB,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAC7G,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAqB,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAG5E,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,SAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,IAAI,GACY;IAC3B,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,yBAAyB,CAAC,EAAE,CAAC,CAAA;IAErJ,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAA;IAE7B,qDAAqD;IACrD,IAAI,UAAU,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,OAAO,CACL,eAAK,SAAS,EAAE,uEAAuE,SAAS,IAAI,EAAE,EAAE,aACtG,8BAAkB,MAAM,YACrB,UAAU,CAAC,qBAAqB,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC,GACnG,EACP,eAAK,SAAS,EAAC,gBAAgB,aAC7B,KAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,YAAE,QAAQ,CAAC,QAAQ,GAAQ,EACjE,eAAK,SAAS,EAAC,kEAAkE,aAC9E,QAAQ,IAAI,yBAAO,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAQ,EACxD,QAAQ,CAAC,SAAS,IAAI,eAAM,SAAS,EAAC,WAAW,YAAE,QAAQ,CAAC,SAAS,GAAQ,EAC7E,UAAU,IAAI,eAAM,SAAS,EAAC,kBAAkB,YAAE,UAAU,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,kBAAkB,CAAC,GAAQ,IAC/I,IACF,EACL,YAAY,IAAI,QAAQ,IAAI,CAC3B,YAAG,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAC,+CAA+C,YACtG,UAAU,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,UAAU,CAAC,GAC/E,CACL,IACG,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,uEAAuE,SAAS,IAAI,EAAE,EAAE,aAEtG,8BAAkB,MAAM,YACrB,UAAU,CAAC,qBAAqB,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC,GACnG,EAGP,eAAK,SAAS,EAAC,6BAA6B,aAC1C,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,YAAE,QAAQ,CAAC,QAAQ,GAAQ,EACzE,QAAQ,IAAI,eAAM,SAAS,EAAC,+BAA+B,YAAE,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAQ,EAClG,QAAQ,CAAC,SAAS,IAAI,eAAM,SAAS,EAAC,yCAAyC,YAAE,QAAQ,CAAC,SAAS,GAAQ,IACxG,EAGN,iBACE,QAAQ,QACR,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,aAElC,iBAAQ,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,QAAQ,GAAI,EACjD,UAAU,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,oBAAoB,CAAC,IACrF,IACJ,EAGL,YAAY,IAAI,CACf,YAAG,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAC,+CAA+C,YACtG,UAAU,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,UAAU,CAAC,GAC/E,CACL,IACG,CACP,CAAA;AACH,CAAC;AAED,CAAC;AAAC,qBAAgF,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAExH,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-file-document.d.ts

@@ -0,0 +1,14 @@
+/**
+ * DisplayFieldFileDocument Component
+ *
+ * Nature-specific display for document files (PDF, Office).
+ * - PDF: Embeds in an iframe using the browser's native PDF viewer.
+ * - Office docs: Enhanced file card with type-specific icon + download button.
+ *
+ * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT).
+ */
+import * as React from "react";
+import type { DisplayFieldFileDocumentProps } from '@wildo-ai/saas-frontend-lib';
+declare function DisplayFieldFileDocument({ metadata, fileId, className, showDownload, showSize, }: DisplayFieldFileDocumentProps): React.JSX.Element;
+export { DisplayFieldFileDocument };
+//# sourceMappingURL=display-field-file-document.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-file-document.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-document.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-document.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAA;AAiChF,iBAAS,wBAAwB,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAmB,EACnB,QAAe,GAChB,EAAE,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkEnD;AAID,OAAO,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-file-document.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, useIconRegistry, StandardIconReference, IconSize, useI18n } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { formatFileSize } from "@wildo-ai/zod-decorators";
+// =============================================================================
+// HELPERS
+// =============================================================================
+/** Check if a MIME type is a PDF */
+function isPdf(mimeType) {
+    return mimeType === 'application/pdf';
+}
+/** Get the appropriate icon for a document type */
+function getDocumentIconRef(mimeType) {
+    if (isPdf(mimeType))
+        return StandardIconReference.FILE_TEXT;
+    if (mimeType.includes('spreadsheet') || mimeType.includes('excel'))
+        return StandardIconReference.FILE_SPREADSHEET;
+    if (mimeType.includes('presentation') || mimeType.includes('powerpoint'))
+        return StandardIconReference.FILE_PRESENTATION;
+    if (mimeType.includes('document') || mimeType.includes('word'))
+        return StandardIconReference.FILE_TEXT;
+    return StandardIconReference.FILE_TEXT;
+}
+/** Get a human-readable document type label */
+function getDocumentTypeLabel(mimeType, extension) {
+    if (isPdf(mimeType))
+        return 'PDF';
+    if (mimeType.includes('spreadsheet') || mimeType.includes('excel'))
+        return extension?.toUpperCase() || 'Spreadsheet';
+    if (mimeType.includes('presentation') || mimeType.includes('powerpoint'))
+        return extension?.toUpperCase() || 'Presentation';
+    if (mimeType.includes('document') || mimeType.includes('word'))
+        return extension?.toUpperCase() || 'Document';
+    return extension?.toUpperCase() || 'Document';
+}
+// =============================================================================
+// COMPONENT
+// =============================================================================
+function DisplayFieldFileDocument({ metadata, fileId, className, showDownload = true, showSize = true, }) {
+    const { renderIcon } = useIconRegistry();
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT });
+    const documentUrl = metadata.url;
+    const isPdfDocument = isPdf(metadata.mimeType);
+    const docIcon = getDocumentIconRef(metadata.mimeType);
+    const docTypeLabel = getDocumentTypeLabel(metadata.mimeType, metadata.extension);
+    // PDF with URL — render embedded viewer
+    if (isPdfDocument && documentUrl) {
+        return (_jsxs("div", { className: `space-y-item ${className ?? ''}`, children: [_jsx("div", { className: "w-full max-w-2xl rounded-md overflow-hidden border bg-muted/20", children: _jsx("iframe", { src: documentUrl, title: metadata.filename, className: "w-full h-96 border-0", loading: "lazy" }) }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground", children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(docIcon, { size: IconSize.SM }) }), _jsx("span", { className: "font-medium text-foreground truncate max-w-48", children: metadata.filename }), _jsx("span", { className: "uppercase", children: docTypeLabel }), showSize && _jsx("span", { children: formatFileSize(metadata.size) }), showDownload && (_jsx("a", { href: documentUrl, download: metadata.filename, className: "text-primary hover:underline ms-auto shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'download') }))] })] }));
+    }
+    // Non-PDF or no URL — enhanced file card with type-specific icon
+    return (_jsxs("div", { className: `flex items-center gap-group p-card-sm rounded-md border bg-muted/30 ${className ?? ''}`, children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(docIcon, { size: IconSize.LG, className: "text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "font-medium truncate", children: metadata.filename }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground mt-0.5", children: [_jsx("span", { className: "uppercase", children: docTypeLabel }), showSize && _jsx("span", { children: formatFileSize(metadata.size) })] })] }), showDownload && documentUrl && (_jsx("a", { href: documentUrl, target: "_blank", rel: "noopener noreferrer", className: "text-primary hover:underline text-sm shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'open_document') }))] }));
+}
+;
+DisplayFieldFileDocument.displayName = "DisplayFieldFileDocument";
+export { DisplayFieldFileDocument };
+//# sourceMappingURL=display-field-file-document.js.map

package/dist/esm/components/data-display/formatters/display-field-file-document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-document.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-document.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/data-display/formatters/display-field-file-gallery.d.ts

@@ -0,0 +1,17 @@
+/**
+ * DisplayFieldFileGallery Component
+ *
+ * Nature-specific display for multiple image files.
+ * Renders a thumbnail grid with click-to-enlarge lightbox
+ * and prev/next navigation.
+ *
+ * Used when: multiple: true + nature is IMAGE (or all files are images based on MIME).
+ * Non-image files in a mixed collection render as small icon cards within the grid.
+ *
+ * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY).
+ */
+import * as React from "react";
+import type { DisplayFieldFileGalleryProps } from '@wildo-ai/saas-frontend-lib';
+declare function DisplayFieldFileGallery({ metadataList, fileIds, className, columns, showDownload, }: DisplayFieldFileGalleryProps): React.JSX.Element;
+export { DisplayFieldFileGallery };
+//# sourceMappingURL=display-field-file-gallery.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-file-gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-gallery.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-gallery.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAc/E,iBAAS,uBAAuB,CAAC,EAC/B,YAAY,EACZ,OAAO,EACP,SAAS,EACT,OAAW,EACX,YAAmB,GACpB,EAAE,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgKlD;AAID,OAAO,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-file-gallery.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * DisplayFieldFileGallery Component
+ *
+ * Nature-specific display for multiple image files.
+ * Renders a thumbnail grid with click-to-enlarge lightbox
+ * and prev/next navigation.
+ *
+ * Used when: multiple: true + nature is IMAGE (or all files are images based on MIME).
+ * Non-image files in a mixed collection render as small icon cards within the grid.
+ *
+ * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY).
+ */
+import * as React from "react";
+import { Text } from "@wildo-ai/saas-frontend-lib";
+import { useIconRegistry, StandardIconReference, IconSize, useI18n } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+// =============================================================================
+// HELPERS
+// =============================================================================
+function isImageMimeType(mimeType) {
+    return mimeType.startsWith('image/');
+}
+// =============================================================================
+// COMPONENT
+// =============================================================================
+function DisplayFieldFileGallery({ metadataList, fileIds, className, columns = 4, showDownload = true, }) {
+    const { renderIcon } = useIconRegistry();
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY });
+    const [lightboxIndex, setLightboxIndex] = React.useState(null);
+    // Separate images from non-images for rendering strategy
+    const imageIndices = React.useMemo(() => metadataList.map((m, i) => isImageMimeType(m.mimeType) ? i : -1).filter(i => i >= 0), [metadataList]);
+    const imageCount = imageIndices.length;
+    // Navigate lightbox
+    const goToNext = React.useCallback(() => {
+        if (lightboxIndex === null)
+            return;
+        // Find next image index after current
+        const currentImagePos = imageIndices.indexOf(lightboxIndex);
+        if (currentImagePos < imageIndices.length - 1) {
+            setLightboxIndex(imageIndices[currentImagePos + 1]);
+        }
+    }, [lightboxIndex, imageIndices]);
+    const goToPrev = React.useCallback(() => {
+        if (lightboxIndex === null)
+            return;
+        const currentImagePos = imageIndices.indexOf(lightboxIndex);
+        if (currentImagePos > 0) {
+            setLightboxIndex(imageIndices[currentImagePos - 1]);
+        }
+    }, [lightboxIndex, imageIndices]);
+    // Keyboard navigation for lightbox
+    React.useEffect(() => {
+        if (lightboxIndex === null)
+            return;
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape')
+                setLightboxIndex(null);
+            if (e.key === 'ArrowRight')
+                goToNext();
+            if (e.key === 'ArrowLeft')
+                goToPrev();
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [lightboxIndex, goToNext, goToPrev]);
+    const gridClass = columns !== 4
+        ? `grid gap-item`
+        : `grid gap-item grid-cols-2 sm:grid-cols-3 md:grid-cols-4`;
+    const gridStyle = columns !== 4
+        ? { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }
+        : undefined;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `space-y-item ${className ?? ''}`, children: [_jsxs(Text, { className: "text-xs text-muted-foreground", children: [tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'images_count', { count: imageCount }), metadataList.length > imageCount && ` + ${metadataList.length - imageCount} file${metadataList.length - imageCount !== 1 ? 's' : ''}`] }), _jsx("div", { className: gridClass, style: gridStyle, children: metadataList.map((meta, index) => {
+                            const isImage = isImageMimeType(meta.mimeType);
+                            const thumbUrl = meta.thumbnailUrl || meta.url;
+                            if (isImage && thumbUrl) {
+                                return (_jsx("button", { type: "button", onClick: () => setLightboxIndex(index), className: "aspect-square rounded-md overflow-hidden border bg-muted/20 cursor-zoom-in hover:ring-2 hover:ring-primary/30 transition-shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": `${meta.filename} — ${tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'click_to_browse')}`, children: _jsx("img", { src: thumbUrl, alt: meta.filename, className: "w-full h-full object-cover", loading: "lazy" }) }, fileIds[index]));
+                            }
+                            // Non-image file — render as icon card within grid
+                            return (_jsxs("div", { className: "aspect-square rounded-md overflow-hidden border bg-muted/30 flex flex-col items-center justify-center gap-1 p-2", children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(StandardIconReference.FILE, { size: IconSize.MD, className: "text-muted-foreground" }) }), _jsx(Text, { className: "text-xs text-muted-foreground truncate max-w-full text-center", children: meta.filename })] }, fileIds[index]));
+                        }) })] }), lightboxIndex !== null && metadataList[lightboxIndex] && (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80 backdrop-blur-sm", onClick: () => setLightboxIndex(null), role: "dialog", "aria-modal": "true", "aria-label": metadataList[lightboxIndex].filename, children: [_jsx("button", { type: "button", onClick: () => setLightboxIndex(null), className: "absolute top-4 right-4 text-white/80 hover:text-white z-10", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'close'), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.LG, className: "text-white" }) }), imageIndices.indexOf(lightboxIndex) > 0 && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); goToPrev(); }, className: "absolute left-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white z-10 p-2 rounded-full bg-black/40", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'previous'), children: renderIcon(StandardIconReference.CHEVRON_LEFT, { size: IconSize.LG, className: "text-white" }) })), imageIndices.indexOf(lightboxIndex) < imageIndices.length - 1 && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); goToNext(); }, className: "absolute right-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white z-10 p-2 rounded-full bg-black/40", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'next'), children: renderIcon(StandardIconReference.CHEVRON_RIGHT, { size: IconSize.LG, className: "text-white" }) })), _jsx("img", { src: metadataList[lightboxIndex].url || metadataList[lightboxIndex].thumbnailUrl || '', alt: metadataList[lightboxIndex].filename, className: "max-w-[90vw] max-h-[85vh] object-contain rounded-md shadow-[var(--shadow-xl)]", onClick: (e) => e.stopPropagation() }), _jsxs("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 text-white/80 text-sm bg-black/40 px-3 py-1 rounded-full", children: [imageIndices.indexOf(lightboxIndex) + 1, " / ", imageCount] })] }))] }));
+}
+;
+DisplayFieldFileGallery.displayName = "DisplayFieldFileGallery";
+export { DisplayFieldFileGallery };
+//# sourceMappingURL=display-field-file-gallery.js.map

package/dist/esm/components/data-display/formatters/display-field-file-gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-gallery.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-gallery.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/data-display/formatters/display-field-file-image.d.ts

@@ -0,0 +1,15 @@
+/**
+ * DisplayFieldFileImage Component
+ *
+ * Nature-specific display for image files.
+ * Renders a responsive preview with click-to-enlarge (lightbox),
+ * dimensions info, and download link.
+ *
+ * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE),
+ * so custom apps can override with their own image display implementation.
+ */
+import * as React from "react";
+import type { DisplayFieldFileImageProps } from '@wildo-ai/saas-frontend-lib';
+declare function DisplayFieldFileImage({ metadata, fileId, className, showDownload, showSize, showDimensions, }: DisplayFieldFileImageProps): React.JSX.Element;
+export { DisplayFieldFileImage };
+//# sourceMappingURL=display-field-file-image.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-file-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-image.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-image.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAM7E,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAmB,EACnB,QAAe,EACf,cAAqB,GACtB,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiHhD;AAID,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-file-image.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * DisplayFieldFileImage Component
+ *
+ * Nature-specific display for image files.
+ * Renders a responsive preview with click-to-enlarge (lightbox),
+ * dimensions info, and download link.
+ *
+ * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE),
+ * so custom apps can override with their own image display implementation.
+ */
+import * as React from "react";
+import { Text, useIconRegistry, StandardIconReference, IconSize, useI18n } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { formatFileSize } from "@wildo-ai/zod-decorators";
+// =============================================================================
+// COMPONENT
+// =============================================================================
+function DisplayFieldFileImage({ metadata, fileId, className, showDownload = true, showSize = true, showDimensions = true, }) {
+    const { renderIcon } = useIconRegistry();
+    const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE] });
+    const [isLightboxOpen, setIsLightboxOpen] = React.useState(false);
+    const [imageError, setImageError] = React.useState(false);
+    // Close lightbox on Escape key — uses document listener to work regardless of focus
+    React.useEffect(() => {
+        if (!isLightboxOpen)
+            return;
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape')
+                setIsLightboxOpen(false);
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [isLightboxOpen]);
+    const imageUrl = metadata.url;
+    const thumbnailUrl = metadata.thumbnailUrl || metadata.url;
+    const hasDimensions = metadata.width !== undefined && metadata.height !== undefined;
+    // Image failed to load — fall back to file card with download link
+    if (imageError || !imageUrl) {
+        return (_jsxs("div", { className: `flex items-center gap-group p-card-sm rounded-md border bg-muted/30 ${className ?? ''}`, children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(StandardIconReference.FILE_IMAGE, { size: IconSize.LG, className: "text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "font-medium truncate", children: metadata.filename }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground mt-0.5", children: [showSize && _jsx("span", { children: formatFileSize(metadata.size) }), hasDimensions && showDimensions && _jsxs("span", { children: [metadata.width, "\u00D7", metadata.height] }), imageError && _jsx("span", { className: "text-destructive", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'image_load_error') })] })] }), showDownload && imageUrl && (_jsx("a", { href: imageUrl, download: metadata.filename, className: "text-primary hover:underline text-sm shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'download') }))] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `space-y-item ${className ?? ''}`, children: [_jsx("button", { type: "button", onClick: () => setIsLightboxOpen(true), className: "block w-full max-w-md cursor-zoom-in rounded-md overflow-hidden border bg-muted/20 hover:ring-2 hover:ring-primary/30 transition-shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'click_to_enlarge'), children: _jsx("img", { src: thumbnailUrl, alt: metadata.filename, className: "w-full h-auto object-contain max-h-64", loading: "lazy", onError: () => setImageError(true) }) }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground", children: [_jsx("span", { className: "font-medium text-foreground truncate max-w-48", children: metadata.filename }), showSize && _jsx("span", { children: formatFileSize(metadata.size) }), hasDimensions && showDimensions && _jsxs("span", { children: [metadata.width, "\u00D7", metadata.height] }), metadata.extension && _jsx("span", { className: "uppercase", children: metadata.extension }), showDownload && (_jsx("a", { href: imageUrl, download: metadata.filename, className: "text-primary hover:underline ms-auto shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'download') }))] })] }), isLightboxOpen && (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80 backdrop-blur-sm", onClick: () => setIsLightboxOpen(false), role: "dialog", "aria-modal": "true", "aria-label": metadata.filename, children: [_jsx("button", { type: "button", onClick: () => setIsLightboxOpen(false), className: "absolute top-4 right-4 text-white/80 hover:text-white z-10", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'close'), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.LG, className: "text-white" }) }), _jsx("img", { src: imageUrl, alt: metadata.filename, className: "max-w-[90vw] max-h-[90vh] object-contain rounded-md shadow-[var(--shadow-xl)]", onClick: (e) => e.stopPropagation() })] }))] }));
+}
+;
+DisplayFieldFileImage.displayName = "DisplayFieldFileImage";
+export { DisplayFieldFileImage };
+//# sourceMappingURL=display-field-file-image.js.map

package/dist/esm/components/data-display/formatters/display-field-file-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-image.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-image.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/data-display/formatters/display-field-file-video.d.ts

@@ -0,0 +1,14 @@
+/**
+ * DisplayFieldFileVideo Component
+ *
+ * Nature-specific display for video files.
+ * Renders an HTML5 video player with native controls,
+ * thumbnail poster, and download fallback for unsupported formats.
+ *
+ * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO).
+ */
+import * as React from "react";
+import type { DisplayFieldFileVideoProps } from '@wildo-ai/saas-frontend-lib';
+declare function DisplayFieldFileVideo({ metadata, fileId, className, showDownload, showSize, }: DisplayFieldFileVideoProps): React.JSX.Element;
+export { DisplayFieldFileVideo };
+//# sourceMappingURL=display-field-file-video.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-file-video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-video.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-video.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAM7E,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAmB,EACnB,QAAe,GAChB,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgEhD;AAID,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-file-video.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DisplayFieldFileVideo Component
+ *
+ * Nature-specific display for video files.
+ * Renders an HTML5 video player with native controls,
+ * thumbnail poster, and download fallback for unsupported formats.
+ *
+ * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO).
+ */
+import * as React from "react";
+import { Text, useIconRegistry, StandardIconReference, IconSize, useI18n } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { formatFileSize } from "@wildo-ai/zod-decorators";
+// =============================================================================
+// COMPONENT
+// =============================================================================
+function DisplayFieldFileVideo({ metadata, fileId, className, showDownload = true, showSize = true, }) {
+    const { renderIcon } = useIconRegistry();
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO });
+    const [videoError, setVideoError] = React.useState(false);
+    const videoUrl = metadata.url;
+    const posterUrl = metadata.thumbnailUrl;
+    // No URL or video failed to load — fallback to card with download
+    if (videoError || !videoUrl) {
+        return (_jsxs("div", { className: `flex items-center gap-group p-card-sm rounded-md border bg-muted/30 ${className ?? ''}`, children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(StandardIconReference.FILE_VIDEO, { size: IconSize.LG, className: "text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "font-medium truncate", children: metadata.filename }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground mt-0.5", children: [showSize && _jsx("span", { children: formatFileSize(metadata.size) }), metadata.extension && _jsx("span", { className: "uppercase", children: metadata.extension }), videoError && _jsx("span", { className: "text-destructive", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'video_load_error') })] })] }), showDownload && videoUrl && (_jsx("a", { href: videoUrl, download: metadata.filename, className: "text-primary hover:underline text-sm shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'download') }))] }));
+    }
+    return (_jsxs("div", { className: `space-y-item ${className ?? ''}`, children: [_jsx("div", { className: "w-full max-w-lg rounded-md overflow-hidden border bg-black", children: _jsxs("video", { controls: true, preload: "metadata", className: "w-full h-auto max-h-80", poster: posterUrl, onError: () => setVideoError(true), children: [_jsx("source", { src: videoUrl, type: metadata.mimeType }), _jsx(Text, { className: "p-card-sm text-muted-foreground", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'unsupported_format') })] }) }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground", children: [_jsx("span", { className: "font-medium text-foreground truncate max-w-48", children: metadata.filename }), showSize && _jsx("span", { children: formatFileSize(metadata.size) }), metadata.extension && _jsx("span", { className: "uppercase", children: metadata.extension }), showDownload && (_jsx("a", { href: videoUrl, download: metadata.filename, className: "text-primary hover:underline ms-auto shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'download') }))] })] }));
+}
+;
+DisplayFieldFileVideo.displayName = "DisplayFieldFileVideo";
+export { DisplayFieldFileVideo };
+//# sourceMappingURL=display-field-file-video.js.map

package/dist/esm/components/data-display/formatters/display-field-file-video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-video.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-video.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/data-display/formatters/display-field-file.d.ts

@@ -0,0 +1,33 @@
+/**
+ * DisplayFieldFile Component
+ *
+ * Root display component for file fields. Acts as both:
+ * 1. Metadata fetcher — loads file metadata from server via authenticated httpOperations
+ * 2. Nature router — delegates rendering to nature-specific display components
+ *
+ * Nature routing priority:
+ * 1. Schema metadata `fileConfig.nature` (explicit, from z_file({ nature: FileNature.IMAGE }))
+ * 2. Fetched metadata MIME type detection (from server response)
+ * 3. Generic file card (fallback for unknown types / archives)
+ *
+ * For multiple images → gallery display. For mixed multiple → individual cards.
+ *
+ * Nature-specific sub-components are imported directly within this preset.
+ * Custom apps can override the entire file display by registering a new preset
+ * for LOW_LEVEL_DISPLAY_FIELD_FILE, or override individual nature renderers
+ * by registering for LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE etc. at the wrapper level.
+ */
+import * as React from "react";
+import type { DisplayFieldFileProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * DisplayFieldFile component
+ *
+ * Renders a file reference with:
+ * - Filename with link
+ * - File size
+ * - File type icon/badge
+ * - Download option
+ */
+declare function DisplayFieldFile({ schema, value, className, endpoints, showSize, showType, showDownload, httpOperations, }: DisplayFieldFileProps): React.JSX.Element;
+export { DisplayFieldFile };
+//# sourceMappingURL=display-field-file.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0B9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAoCxE;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAe,EACf,QAAe,EACf,YAAmB,EACnB,cAAc,GACf,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4T3C;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}