rimecms 0.27.0 → 0.27.1

package/dist/fields/rich-text/core/features/resource/index.js

@@ -1,14 +1,20 @@
 import { Images } from '@lucide/svelte';
 import { Resource } from './resource-extension.js';
-const resourceFeatureNode = {
-    label: 'Resource',
-    icon: Images,
-    isActive: ({ editor }) => editor.isActive('richt-text-resource'),
-    suggestion: {
-        command: ({ editor }) => editor.chain().focus().insertResource().run()
-    }
+export const ResourceFeature = (args) => {
+    const slug = args.source.split('?')[0];
+    return {
+        extension: Resource.configure(args).extend({
+            name: 'richt-text-resource-' + slug
+        }),
+        nodes: [
+            {
+                label: args.label || slug,
+                icon: Images,
+                isActive: ({ editor }) => editor.isActive('richt-text-resource-' + slug),
+                suggestion: {
+                    command: ({ editor }) => editor.chain().focus().insertResource().run()
+                }
+            }
+        ]
+    };
 };
-export const ResourceFeature = (args) => ({
-    extension: Resource.configure(args),
-    nodes: [resourceFeatureNode]
-});

package/dist/fields/rich-text/core/features/resource/resource-extension.d.ts

@@ -9,7 +9,7 @@ declare module '@tiptap/core' {
     }
 }
 export interface ResourceFeatureExtensionOptions {
-    query?: string;
-    slug: PrototypeSlug;
+    label?: string;
+    source: `${PrototypeSlug}${string}`;
 }
 export declare const Resource: Node<ResourceFeatureExtensionOptions, any>;

package/dist/fields/rich-text/core/features/resource/resource-extension.js

@@ -11,7 +11,9 @@ export const Resource = Node.create({
         return ['id', 'title', '_type', '_thumbnail'].reduce((acc, key) => {
             acc[key] = { default: null };
             return acc;
-        }, {});
+        }, 
+        // Fresh attributes allowing to show the dialog immediately after insertion
+        { _fresh: { default: true } });
     },
     addCommands() {
         return {
@@ -24,10 +26,10 @@ export const Resource = Node.create({
         };
     },
     parseHTML() {
-        return [{ tag: 'richt-text-resource' }];
+        return [{ tag: this.name }];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['richt-text-resource', mergeAttributes(HTMLAttributes)];
+        return [this.name, mergeAttributes(HTMLAttributes)];
     },
     addNodeView() {
         return SvelteNodeViewRenderer(ResourceComponent);

package/dist/fields/rich-text/core/features/resource/resource.svelte

@@ -35,14 +35,16 @@
     } else {
       selected = null;
     }
+    if (node.attrs._fresh) {
+      // If the resource is fresh, we want to open the dialog to select a resource
+      isDialogOpen = true;
+    }
   });
 
   const APIProxy = getAPIProxyContext();
 
   // svelte-ignore state_referenced_locally
-  const url = extension.options.query
-    ? apiUrl(extension.options.slug, `?${extension.options.query}`)
-    : apiUrl(extension.options.slug);
+  const url = apiUrl(extension.options.source);
 
   const ressource = APIProxy.getRessource<{ docs: GenericDoc[] }>(url);
   let docs = $state<GenericDoc[]>([]);
@@ -50,7 +52,7 @@
   $effect(() => {
     if (ressource.data) {
       docs = ressource.data.docs;
-      // Update atttributes if document title has changed
+      // Update atttributes if document has changed
       if (node.attrs.id) {
         selected = docs.find((doc) => doc.id === node.attrs.id);
       }
@@ -58,27 +60,22 @@
   });
 
   // Handle dialog selection
-  function handleResourceSelection(doc: GenericDoc) {
-    // Close the dialog
+  function handleResourceSelection(doc: RequiredNodeAttributes) {
     isDialogOpen = false;
-
-    // Update the selected resource
     selected = doc;
-
-    // Update node attributes
     updateNodeAttributes();
   }
 
   // Handle removing resource
   function removeResource() {
     selected = null;
-
     // Update node attributes with empty values
     updateAttributes({
       id: null,
       title: null,
-      slug: null,
-      _thumbnail: null
+      _type: null,
+      _thumbnail: null,
+      _fresh: false
     });
   }
 
@@ -89,8 +86,9 @@
     updateAttributes({
       id: selected.id,
       title: selected.title,
-      _type: extension.options.slug,
-      _thumbnail: selected._thumbnail
+      _type: extension.options.source,
+      _thumbnail: selected._thumbnail,
+      _fresh: false
     });
   }
 </script>
@@ -102,16 +100,16 @@
     class:rz-richtext-resource--selected={!!selected}
   >
     {#if !selected}
-      <Button class="rz-richtext-resource__add" variant="outline" size="sm" onclick={handleClick}
-        >Add a resource</Button
-      >
+      <Button class="rz-richtext-resource__add" variant="outline" size="sm" onclick={handleClick}>
+        Add a resource
+      </Button>
     {:else}
       <CardResource resource={selected as RequiredNodeAttributes} onCloseClick={removeResource} />
     {/if}
   </div>
 </NodeViewWrapper>
 
-<Command.Dialog bind:open={isDialogOpen}>
+<Command.Dialog bind:open={isDialogOpen} preventScroll={false}>
   <Command.Input placeholder="Select a resource" />
 
   <Command.List>

package/dist/fields/rich-text/core/features/upload/index.d.ts

@@ -1,6 +1,3 @@
-import type { CollectionSlug } from '../../../../../types.js';
 import type { RichTextFeature } from '../../types.js';
-export declare const UploadFeature: (args: {
-    slug: CollectionSlug;
-    query?: string;
-}) => RichTextFeature;
+import { type UploadFeatureExtensionOptions } from './upload-extension.js';
+export declare const UploadFeature: (args: UploadFeatureExtensionOptions) => RichTextFeature;

package/dist/fields/rich-text/core/features/upload/index.js

@@ -1,14 +1,18 @@
 import { Images } from '@lucide/svelte';
 import { Upload } from './upload-extension.js';
-const uploadFeatureNode = {
-    label: 'Media',
-    icon: Images,
-    isActive: ({ editor }) => editor.isActive('richt-text-media'),
-    suggestion: {
-        command: ({ editor }) => editor.chain().focus().insertUpload().run()
-    }
+export const UploadFeature = (args) => {
+    const slug = args.source.split('?')[0];
+    return {
+        extension: Upload.configure(args).extend({ name: 'richt-text-upload-' + slug }),
+        nodes: [
+            {
+                label: 'Media',
+                icon: Images,
+                isActive: ({ editor }) => editor.isActive('richt-text-upload-' + slug),
+                suggestion: {
+                    command: ({ editor }) => editor.chain().focus().insertUpload().run()
+                }
+            }
+        ]
+    };
 };
-export const UploadFeature = (args) => ({
-    extension: Upload.configure(args),
-    nodes: [uploadFeatureNode]
-});

package/dist/fields/rich-text/core/features/upload/upload-extension.d.ts

@@ -2,8 +2,7 @@ import type { CollectionSlug } from '../../../../../types';
 import type { Dic } from '../../../../../util/types.js';
 import { Node } from '@tiptap/core';
 export interface UploadFeatureExtensionOptions {
-    query?: string;
-    slug: CollectionSlug;
+    source: `${CollectionSlug}${string}`;
 }
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {

package/dist/fields/rich-text/core/features/upload/upload-extension.js

@@ -11,7 +11,10 @@ export const Upload = Node.create({
         return ['id', 'title', 'sizes', 'mimeType', 'url', 'filename', 'legend'].reduce((acc, key) => {
             acc[key] = { default: null };
             return acc;
-        }, {});
+        }, 
+        // We use this attribute to determine if the resource is fresh or not.
+        // If it's fresh, we want to open the dialog
+        { _fresh: { default: true } });
     },
     addCommands() {
         return {

package/dist/fields/rich-text/core/features/upload/upload.svelte

@@ -20,11 +20,12 @@
     url: string | null;
     filename: string | null;
     legend: string;
+    _fresh: boolean;
   };
 
   let { node, updateAttributes, extension }: NodeViewProps = $props();
   let isDialogOpen = $state(false);
-  let selected = $state<Omit<NodeAttributes, 'legend'> | null>();
+  let selected = $state<Omit<NodeAttributes, 'legend' | '_fresh'> | null>();
   let legendElement = $state<HTMLParagraphElement>();
   let legend = $state('');
   let dialogLegendOpen = $state(false);
@@ -52,14 +53,16 @@
     } else {
       selected = null;
     }
+    if (node.attrs._fresh) {
+      // If the resource is fresh, we want to open the dialog to select a resource
+      isDialogOpen = true;
+    }
   });
 
   const APIProxy = getAPIProxyContext();
 
   // svelte-ignore state_referenced_locally
-  const url = extension.options.query
-    ? apiUrl(extension.options.slug, `?${extension.options.query}`)
-    : apiUrl(extension.options.slug);
+  const url = apiUrl(extension.options.source);
 
   const ressource = APIProxy.getRessource<{ docs: UploadDoc[] }>(url);
   let docs = $state<UploadDoc[]>([]);
@@ -101,7 +104,8 @@
       sizes: null,
       mimeType: null,
       filename: null,
-      legend: null
+      legend: null,
+      _fresh: false
     });
   }
 
@@ -116,7 +120,8 @@
       sizes: selected.sizes,
       mimeType: selected.mimeType,
       filename: selected.filename,
-      legend
+      legend,
+      _fresh: false
     } as NodeAttributes);
   }
 </script>
@@ -167,7 +172,7 @@
   </div>
 {/snippet}
 
-{#snippet media(attributes: Omit<NodeAttributes, 'legend'>)}
+{#snippet media(attributes: Omit<NodeAttributes, 'legend' | '_fresh'>)}
   <div class="rz-richtext-media__media">
     {#if attributes.mimeType?.includes('image')}
       <img src={attributes.url} alt="rich text" />
@@ -177,7 +182,7 @@
   </div>
 {/snippet}
 
-<Command.Dialog bind:open={isDialogOpen}>
+<Command.Dialog bind:open={isDialogOpen} preventScroll={false}>
   <Command.Input placeholder="Select an image" />
 
   <Command.List>

package/dist/fields/types.d.ts

@@ -78,16 +78,19 @@ export type FieldHookContext<T extends FormField = FormField> = {
     /** The field config */
     config: T;
 };
+/** Field hook for client/server operations */
 export type FieldHookShared<T extends FormField = any> = (value: any, context: {
     config: T;
     data: Dic;
 }) => any;
+/** Field hook for client-side operations */
 export type FieldHookClient = (value: any, context: {
     siblings: Record<string, any>;
     useField: DocumentFormContext['useField'];
     useBlocks: DocumentFormContext['useBlocks'];
     useTree: DocumentFormContext['useTree'];
 }) => any;
+/** Field hook for server-side operations */
 export type FieldHook<T extends FormField = any> = (value: any, context: FieldHookContext<T>) => any;
 type FieldHooks = {
     beforeRead?: FieldHook[];

package/dist/panel/components/Root.svelte

@@ -5,12 +5,12 @@
   import Nav from './ui/nav/Nav.svelte';
   import { Toaster } from './ui/sonner';
   import { setConfigContext } from '../context/config.svelte.js';
-  import createContext from '../context/createContext.svelte.js';
   import { setLocaleContext } from '../context/locale.svelte.js';
   import { setUserContext } from '../context/user.svelte.js';
   import type { Route } from '../types.js';
   import { onMount, type Snippet } from 'svelte';
   import { setAPIProxyContext } from '../context/api-proxy.svelte.js';
+  import { setTitleContext } from '../context/title.js';
 
   type Props = {
     routes: Record<string, Route[]>;
@@ -28,7 +28,7 @@
   setConfigContext(config);
   // svelte-ignore state_referenced_locally
   setUserContext(user);
-  createContext('title', '[untitled]');
+  setTitleContext('[untitled]');
   setAPIProxyContext();
 
   const locale = $derived(setLocaleContext(initialeLocale));

package/dist/panel/components/fields/FieldsPreviewTrigger.svelte

@@ -13,7 +13,7 @@
 <style>
   .rz-fields-preview__trigger {
     display: block;
-    background-color: var(--rz-group-preview-bg);
+    background-color: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3)));
     width: 100%;
     text-align: left;
   }

package/dist/panel/components/fields/index.d.ts

@@ -1,11 +1,11 @@
 export declare const Field: {
     Label: import("svelte").Component<{
-        config?: import("../../../fields/types").SimplerField<import("../../../types").FormField>;
+        config?: import("../../../types").SimplerField<import("../../../types").FormField>;
         children?: import("svelte").Snippet;
         for?: string;
     }, {}, "">;
     Hint: import("svelte").Component<{
-        config: import("../../../fields/types").SimplerField<import("../../../types").FormField>;
+        config: import("../../../types").SimplerField<import("../../../types").FormField>;
     }, {}, "">;
     LabelFor: import("svelte").Component<{
         config: import("../../../types").FormField;

package/dist/panel/components/sections/collection/upload-thumb-cell/UploadThumbCell.svelte

@@ -9,9 +9,10 @@
     class?: string;
   };
   const { url, class: className, mimeType }: Props = $props();
+
   const mimeTypeResolved = $derived.by(() => {
     if (mimeType) return mimeType;
-    if (url) return getMimeTypeFromExtension(url) || '';
+    if (url) return getMimeTypeFromExtension(url.split('.').pop() || '') || '';
     return '';
   });
 </script>
@@ -35,7 +36,7 @@
 
 <style>
   :root {
-    --rz-upload-preview-cell-bg: light-dark(hsl(var(--rz-gray-11)), hsl(var(--rz-gray-0)));
+    --rz-upload-preview-cell-bg: light-dark(hsl(var(--rz-gray-15)), hsl(var(--rz-gray-0)));
     --rz-upload-preview-cell-fit: contain;
   }
 

package/dist/panel/components/sections/document/upload-header/UploadHeader.svelte

@@ -26,6 +26,7 @@
   const deleteFile = () => {
     preview = null;
     file = null;
+    form.setValue('url', null);
     form.setValue('file', null);
     form.setValue('filename', null);
     form.setValue('mimeType', null);
@@ -62,12 +63,6 @@
       form.setValue('file', file);
     }
   });
-
-  $effect(() => {
-    if (preview && form.values._thumbnail !== preview) {
-      form.setValue(`_thumbnail`, preview);
-    }
-  });
 </script>
 
 <div class="rz-doc-upload-header">
@@ -77,7 +72,7 @@
         {#if form.values.mimeType.includes('image')}
           <div class="rz-doc-upload-header__prewiew-grid">
             {#key form.values.title}
-              <img src={form.values.url || form.values._thumbnail} alt="preview" />
+              <img src={form.values.url || form.values._thumbnail || preview} alt="preview" />
             {/key}
           </div>
         {:else}

package/dist/panel/components/sections/live/SidePanel.svelte

@@ -5,8 +5,8 @@
   import { Toaster } from '../../ui/sonner';
   import { setAPIProxyContext } from '../../../context/api-proxy.svelte.js';
   import { setConfigContext } from '../../../context/config.svelte.js';
-  import createContext from '../../../context/createContext.svelte.js';
   import { setLocaleContext } from '../../../context/locale.svelte.js';
+  import { setTitleContext } from '../../../context/title';
   import { setUserContext } from '../../../context/user.svelte.js';
   import { toKebabCase } from '../../../../util/string';
   import ScrollArea from '../../ui/scroll-area/scroll-area.svelte';
@@ -42,7 +42,7 @@
   setUserContext(user);
   // svelte-ignore state_referenced_locally
   setLocaleContext(initialLocale);
-  createContext('title', '[untitled]');
+  setTitleContext('[untitled]');
 </script>
 
 <Toaster />

package/dist/panel/components/ui/breadcrumb/BreadCrumb.svelte

@@ -1,18 +1,18 @@
 <script lang="ts">
   import { page } from '$app/state';
   import { getConfigContext } from '../../../context/config.svelte.js';
+  import { getTitleContext } from '../../../context/title';
   import type { Route } from '../../../../types';
-  import { getContext } from 'svelte';
   import Button from '../button/button.svelte';
 
   const config = getConfigContext();
-  const titleContext = getContext<{ value: string }>('title');
+  const titleContext = getTitleContext();
 
   const aria = $derived<Route[]>(page.data.aria);
 </script>
 
 <div class="rz-aria">
-  {#each aria as route}
+  {#each aria as route, index (index)}
     {@const Icon = config.raw.icons[route.icon]}
     {#if route.url}
       <Button variant="text" icon={Icon} href={route.url}>
@@ -25,8 +25,13 @@
   {/each}
 </div>
 
-<style>
-  .rz-aria {
+<style>/**************************************/
+
+/* Font */
+
+/**************************************/
+
+.rz-aria {
     display: flex;
     align-items: center;
     gap: var(--rz-size-3);
@@ -40,7 +45,8 @@
       opacity: 1;
     }
   }
-  .rz-aria__last {
+
+.rz-aria__last {
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/dist/panel/components/ui/card-document/card-document.svelte

@@ -34,8 +34,8 @@
 <style>
   /** */
   :root {
-    --rz-card-hover-bg: light-dark(hsl(var(--rz-gray-14)), hsl(var(--rz-gray-4)));
-    --rz-card-bg: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3)));
+    --rz-card-hover-bg: light-dark(hsl(var(--rz-gray-18)), hsl(var(--rz-gray-4)));
+    --rz-card-bg: light-dark(hsl(var(--rz-gray-17)), hsl(var(--rz-gray-3)));
   }
 
   .rz-document-card {

package/dist/panel/components/ui/command/command-dialog.svelte

@@ -13,16 +13,18 @@
     open = $bindable(false),
     ref = $bindable(null),
     value = $bindable(''),
+    preventScroll = true,
     children,
     ...restProps
   }: WithoutChildrenOrChild<DialogPrimitive.RootProps> &
     WithoutChildrenOrChild<CommandPrimitive.RootProps> & {
       children: Snippet;
+      preventScroll?: boolean;
     } = $props();
 </script>
 
 <Dialog.Root bind:open {...restProps}>
-  <Dialog.Content class="rz-command-dialog-content">
+  <Dialog.Content class="rz-command-dialog-content" {preventScroll}>
     <Command
       class="rz-command-dialog-content__command"
       {...restProps}

package/dist/panel/components/ui/command/command-dialog.svelte.d.ts

@@ -3,6 +3,7 @@ import type { Snippet } from 'svelte';
 import './command-dialog.css';
 type $$ComponentProps = WithoutChildrenOrChild<DialogPrimitive.RootProps> & WithoutChildrenOrChild<CommandPrimitive.RootProps> & {
     children: Snippet;
+    preventScroll?: boolean;
 };
 declare const CommandDialog: import("svelte").Component<$$ComponentProps, {}, "value" | "ref" | "open">;
 type CommandDialog = ReturnType<typeof CommandDialog>;

package/dist/panel/context/api-proxy.svelte.d.ts

@@ -1,11 +1,13 @@
 export declare function setAPIProxyContext(key?: symbol): {
     getRessource: <T>(url: string, options?: GetResourcesOptions<T>) => Resource<T>;
     invalidateAll: () => void;
+    invalidate: (pattern: string | RegExp) => void;
     readonly urls: string[];
 };
 export declare function getAPIProxyContext(key?: symbol): {
     getRessource: <T>(url: string, options?: GetResourcesOptions<T>) => Resource<T>;
     invalidateAll: () => void;
+    invalidate: (pattern: string | RegExp) => void;
     readonly urls: string[];
 };
 export declare const API_PROXY: {

package/dist/panel/context/api-proxy.svelte.js

@@ -63,11 +63,19 @@ function createAPIProxy() {
             resource.refresh();
         });
     }
+    function invalidate(pattern) {
+        resources.forEach((resource, url) => {
+            if (typeof pattern === 'string' ? url.includes(pattern) : pattern.test(url)) {
+                resource.refresh();
+            }
+        });
+    }
     return {
         getRessource,
         invalidateAll,
+        invalidate,
         get urls() {
-            return Array.from(resources.entries()).map(([url, resource]) => url);
+            return Array.from(resources.entries()).map(([url]) => url);
         }
     };
 }

package/dist/panel/context/documentForm.svelte.js

@@ -22,6 +22,7 @@ import { getAPIProxyContext } from './api-proxy.svelte.js';
 import { getCollectionContext } from './collection.svelte.js';
 import { setErrorsContext } from './errors.svelte.js';
 import { getLocaleContext } from './locale.svelte.js';
+import { getTitleContext } from './title.js';
 import { getUserContext } from './user.svelte.js';
 function createDocumentFormState({ initial, config, readOnly, key, onNestedDocumentCreated, afterSuccess, onDataChange, beforeSubmit, beforeRedirect, onFieldFocus }) {
     //
@@ -42,7 +43,7 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
     const nestedLevel = initLevel();
     const isLiveEdit = !!onDataChange;
     const locale = getLocaleContext();
-    const titleContext = getContext('title');
+    const titleContext = getTitleContext();
     const initialTitle = initTitle();
     let title = $state(initialTitle);
     const apiProxy = getAPIProxyContext();
@@ -497,6 +498,8 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
         async function handleSuccess(data) {
             const redirect = data?.redirectUrl || false;
             const message = data?.message || t__('common.generic_success');
+            // Invalidate all queries to ensure data consistency across the app
+            apiProxy.invalidate(documentConfig.slug);
             if (redirect) {
                 if (beforeRedirect) {
                     const shouldRedirect = await beforeRedirect(data);
@@ -509,8 +512,6 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
             // Assign documents returned from the server to the form state
             doc = (data?.document || doc);
             initialDoc = doc;
-            // Invalidate all queries to ensure data consistency across the app
-            apiProxy.invalidateAll();
             toast.success(message);
             // Callbacks
             if (nestedLevel !== 0) {
@@ -594,7 +595,7 @@ function createDocumentFormState({ initial, config, readOnly, key, onNestedDocum
             actionSuffix = '?/update';
         }
         // Add a redirect parameter if we're in a nested form ex: relation creation
-        // to prevent reidrect after creation
+        // to prevent redirect after creation
         const redirectParam = nestedLevel > 0 ? `&${PARAMS.REDIRECT}=false` : '';
         // Combine all parts to form the final action URL
         return `${panelUri}${actionSuffix}${redirectParam}`;

package/dist/panel/context/title.d.ts

@@ -0,0 +1,7 @@
+export declare const TITLE_CTX = "rime.document.title";
+export declare function getTitleContext(): {
+    value: string;
+};
+export declare function setTitleContext(title: string): {
+    value: string;
+};

package/dist/panel/context/title.js

@@ -0,0 +1,9 @@
+import { getContext } from 'svelte';
+import createContext from './createContext.svelte';
+export const TITLE_CTX = 'rime.document.title';
+export function getTitleContext() {
+    return getContext(TITLE_CTX);
+}
+export function setTitleContext(title) {
+    return createContext(TITLE_CTX, title);
+}

package/dist/panel/pages/collection/Collection.svelte

@@ -17,8 +17,8 @@
   import PageHeader from '../../components/ui/page-header/PageHeader.svelte';
   import { setCollectionContext } from '../../context/collection.svelte.js';
   import { getConfigContext } from '../../context/config.svelte.js';
+  import { getTitleContext } from '../../context/title';
   import { CopyPlus } from '@lucide/svelte';
-  import { getContext } from 'svelte';
 
   type Props = {
     slug: string;
@@ -60,7 +60,7 @@
     collection.docs = data.docs;
   });
 
-  const titleContext = getContext<{ value: string }>('title');
+  const titleContext = getTitleContext();
 
   $effect(() => {
     titleContext.value = collection.config.label.plural;

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 export type { User } from './core/collections/auth/types.js';
 export type { AdditionalStaffConfig, Area, AreaHooks, BuiltArea, BuiltCollection, BuiltConfig, BuiltConfigClient, Collection, CollectionHooks, Config, CustomPanelRoute, ImageSizesConfig, LocaleConfig, LocalizationConfig, RouteConfig } from './core/config/types.js';
 export type { AreaSlug, BaseDoc, CollectionSlug, GenericBlock, GenericDoc, Prototype, PrototypeSlug, UploadDoc } from './core/types/doc.js';
-export type { Field, FormField, Option, RelationValue } from './fields/types.js';
+export type * from './fields/types.js';
 export type { CollectionProps, FieldPanelTableConfig, FormErrors, Navigation, Route } from './panel/types.js';
 export type { DocumentFormContext } from './panel/context/documentForm.svelte.js';
 export type { JsonFile } from './core/collections/upload/upload.js';