firstly 0.2.0 → 0.3.0

package/esm/internals/cellsBuildor.d.ts

@@ -1,4 +1,4 @@
-import type { SvelteComponent } from 'svelte';
+import type { Component, SvelteComponent } from 'svelte';
 import { type ClassType, type EntityFilter, type FieldMetadata, type Repository } from 'remult';
 import type { UnArray } from '../utils/types.js';
 export type VisibilityMode = 'view' | 'edit' | 'hide';
@@ -13,6 +13,7 @@ type CellInternal<Entity> = {
     clipboardable?: boolean;
     clearable?: boolean;
     component?: new (...args: any[]) => SvelteComponent;
+    componentS5?: Component;
     props?: any;
     rowToProps?: (row: any) => any;
 };

package/esm/internals/cellsBuildor.js

@@ -98,9 +98,10 @@ export const buildWhere = (entity, defaultWhere, fields_filter, fields_search, o
         and.push(...buildSearchWhere(entity, fields_search, obj.search));
     }
     for (const field of fields_filter) {
-        // if there is a value
-        if (obj && obj[field.key]) {
-            const rfi = getRelationFieldInfo(field);
+        const rfi = getRelationFieldInfo(field);
+        // For relation fields, allow null as valid filter value (filters for NULL in DB)
+        const hasValue = rfi?.type === 'toOne' ? obj && obj[field.key] !== undefined : obj && obj[field.key];
+        if (hasValue) {
             if (field.inputType === 'checkbox') {
                 // @ts-ignore
                 and.push({ [field.key]: obj[field.key] });
@@ -127,7 +128,7 @@ export const buildWhere = (entity, defaultWhere, fields_filter, fields_search, o
                 }
             }
             else if (rfi?.type === 'toOne') {
-                // @ts-ignore (setting the id of the relation)
+                // @ts-ignore (setting the id of the relation, null = filter for NULL)
                 and.push({ [field.key]: obj[field.key] });
             }
             else {

package/esm/internals/index.d.ts

@@ -18,20 +18,19 @@ import { default as Link } from '../ui/link/Link.svelte';
 import { default as LinkPlus } from '../ui/link/LinkPlus.svelte';
 import { default as Loading } from '../ui/Loading.svelte';
 import { default as Tooltip } from '../ui/Tooltip.svelte';
-import type { BaseEnum, BaseItem, FF_Icon } from './BaseEnum.js';
-import type { CellsInput as CellsInput_ForExport } from './cellsBuildor.js';
+import type { BaseItem, BaseItemLight, FF_Icon } from './BaseEnum.js';
+import type { CellsInput } from './cellsBuildor.js';
 import { FF_Role } from './common.js';
-import { storeItem } from './storeItem.js';
+import { storeItem, type StoreItem } from './storeItem.js';
 import { storeList } from './storeList.js';
 export { Field, FormEditAction, Grid, Grid2, GridPaginate, GridPaginate2, FieldGroup, Icon, Link, LinkPlus, Loading, Button, Tooltip, DialogManagement, FieldContainer, SelectMelt, Clipboardable, };
 export type { BaseEnumOptions } from './BaseEnum.js';
-export type { BaseItem };
-export type BaseItemLight = Partial<BaseItem>;
+export type { BaseItem, BaseItemLight };
 export type { DialogMetaDataInternal } from '../ui/dialog/dialog.js';
-export type CellsInput<entityType> = CellsInput_ForExport<entityType>;
+export type { CellsInput };
 export type { Cell, VisibilityMode } from './cellsBuildor.js';
 export type { FF_FindOptions } from './storeList.js';
-export type StoreItem<T> = ReturnType<typeof storeItem<T>>;
+export type { StoreItem };
 export type StoreList<T> = ReturnType<typeof storeList<T>>;
 export type { ResolvedType, UnArray, RecursivePartial } from '../utils/types.js';
 export { FF_Fields } from './FF_Fields.js';
@@ -68,16 +67,12 @@ declare module 'remult' {
         };
         default_select_if_one_item?: boolean;
         multiSelect?: boolean;
+        filterNobodyLabel?: string;
         skipForDefaultField?: boolean;
     }
     interface EntityOptions<entityType> {
         searchableFind?: (str: string) => FindOptionsBase<entityType>;
         displayValue?: (item: entityType) => BaseItem;
-        permissionApiCrud?: BaseEnum[] | BaseEnum;
-        permissionApiDelete?: BaseEnum[] | BaseEnum;
-        permissionApiInsert?: BaseEnum[] | BaseEnum;
-        permissionApiRead?: BaseEnum[] | BaseEnum;
-        permissionApiUpdate?: BaseEnum[] | BaseEnum;
         changeLog?: false | ColumnDeciderArgs<entityType>;
     }
 }

package/esm/internals/storeItem.d.ts

@@ -1,27 +1,19 @@
-import type { ErrorInfo, FindOptions, Repository } from 'remult';
-type TheStoreItem<T> = {
-    item: T | undefined;
-    loading?: boolean;
-    errors: ErrorInfo<T> | undefined;
-    globalError?: string | undefined;
-};
-export declare const storeItem: <T>(repo: Repository<T>, initValues?: TheStoreItem<T>) => {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<TheStoreItem<T>>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
+import type { EntityFilter, ErrorInfo, FindOptions, Repository } from 'remult';
+export interface StoreItem<T> {
+    subscribe: (run: (value: TheStoreItem<T>) => void) => () => void;
     create: (item: Partial<T>) => void;
     set: (newItem: TheStoreItem<T>) => void;
-    /**
-     * if you have keys, build the id with
-     * ```ts
-     * const id = repo.metadata.idMetadata.getId({a:1,b:2})
-     * store.fetch(id)
-     * ```
-     */
-    fetch: (id: Parameters<Repository<T>["findId"]>[0], options?: FindOptions<T>, onNewData?: (item: T) => void) => Promise<void>;
-    /**
-     * `.save()` will `update` or `insert` the current item.
-     */
+    fetch: (idOrWhere: string | number | EntityFilter<T>, options?: FindOptions<T>, onNewData?: (item: T | undefined) => void) => Promise<void>;
     save: () => Promise<T | undefined>;
     delete: () => Promise<void>;
     onChange: (prop: keyof T, callback: (newValue: any, oldValue: any) => void) => void;
+}
+type TheStoreItem<T> = {
+    item: T | undefined;
+    loading?: boolean;
+    initLoading?: boolean;
+    errors: ErrorInfo<T> | undefined;
+    globalError?: string | undefined;
 };
+export declare const storeItem: <T>(repo: Repository<T>, initValues?: TheStoreItem<T>) => StoreItem<T>;
 export {};

package/esm/internals/storeItem.js

@@ -5,6 +5,7 @@ import { isError } from './helper.js';
 export const storeItem = (repo, initValues = {
     item: undefined,
     loading: true,
+    initLoading: true,
     errors: undefined,
     globalError: undefined,
 }) => {
@@ -30,38 +31,50 @@ export const storeItem = (repo, initValues = {
             internalStore.set({
                 item: repo.create(item),
                 loading: false,
+                initLoading: false,
                 errors: {},
                 globalError: undefined,
             });
         },
         // set: internalStore.set,
         set: (newItem) => {
-            internalStore.update((s) => {
+            internalStore.update(() => {
                 return { ...newItem };
             });
         },
         /**
-         * if you have keys, build the id with
+         * Fetch by ID or WHERE clause
          * ```ts
+         * // By ID (string or number)
+         * store.fetch(123)
+         * store.fetch('abc')
+         *
+         * // By WHERE clause (object)
+         * store.fetch({ siteId: 123 })
+         *
+         * // With composite keys, build the id with
          * const id = repo.metadata.idMetadata.getId({a:1,b:2})
          * store.fetch(id)
          * ```
          */
-        fetch: async (id, options, onNewData) => {
+        fetch: async (idOrWhere, options, onNewData) => {
             if (BROWSER) {
                 internalStore.update((s) => ({ ...s, loading: true }));
                 try {
-                    const item = await repo.findId(id, options);
-                    // lastOptions = options
+                    const isId = typeof idOrWhere === 'string' || typeof idOrWhere === 'number';
+                    const item = isId
+                        ? await repo.findId(idOrWhere, options)
+                        : await repo.findFirst(idOrWhere, options);
                     internalStore.update((s) => ({
                         ...s,
                         loading: false,
+                        initLoading: false,
                         item: item ?? {},
                         errors: undefined,
                         globalError: undefined,
                     }));
                     if (onNewData) {
-                        onNewData(item ?? {});
+                        onNewData(item ?? undefined);
                     }
                 }
                 catch (error) {
@@ -69,6 +82,7 @@ export const storeItem = (repo, initValues = {
                         internalStore.update((s) => ({
                             ...s,
                             loading: false,
+                            initLoading: false,
                             item: {},
                             errors: {},
                             // @ts-ignore

package/esm/mail/server/index.d.ts

@@ -29,8 +29,14 @@ export type MailOptions = GlobalEasyOptions & {
         defaults?: DefaultOptions;
     };
 };
-declare let transporter: ReturnType<typeof typeNodemailer.createTransport>;
 export type SendMail = typeof sendMail;
+export type SendMailResult = {
+    data: SMTPTransport.SentMessageInfo;
+    error?: undefined;
+} | {
+    error: any;
+    data?: undefined;
+};
 export declare const sendMail: (
 /** usefull for logs, it has NO impact on the mail itself */
 topic: string, easyOptions: GlobalEasyOptions & {
@@ -46,6 +52,6 @@ topic: string, easyOptions: GlobalEasyOptions & {
     }[];
 }, options?: {
     nodemailer?: MailOptions['nodemailer'];
-}) => ReturnType<typeof transporter.sendMail>;
+}) => Promise<SendMailResult>;
 export declare const mail: (o?: MailOptions) => Module<unknown>;
 export {};

package/esm/mail/server/index.js

@@ -99,10 +99,10 @@ export const sendMail = async (topic, easyOptions, options) => {
     }
     try {
         if (!globalOptions?.nodemailer?.transport) {
-            const info = await transporter.sendMail({ ...nodemailerOptions.defaults });
+            const data = await transporter.sendMail({ ...nodemailerOptions.defaults });
             log.error(`${magenta(`[${topic}]`)} - ⚠️  ${red(`mail not configured`)} ⚠️ 
 		We are still nice and generated you an email preview link (the mail we not really sent): 
-		👉 ${cyan(String(nodemailer.getTestMessageUrl(info)))}
+		👉 ${cyan(String(nodemailer.getTestMessageUrl(data)))}
 			
 		To really send mails, check out the doc ${white(`https://firstly.fun/modules/mail`)}. 
       `);
@@ -113,10 +113,10 @@ export const sendMail = async (topic, easyOptions, options) => {
                 topic,
                 metadata,
             });
-            return info;
+            return { data };
         }
         else {
-            const info = await transporter.sendMail({ ...nodemailerOptions.defaults });
+            const data = await transporter.sendMail({ ...nodemailerOptions.defaults });
             log.success(`${magenta(`[${topic}]`)} - Sent to ${typeof nodemailerOptions.defaults?.to === 'string' ? green(nodemailerOptions.defaults?.to) : nodemailerOptions.defaults?.to}`);
             await repo(mailEntities.Mail).insert({
                 status: 'sent',
@@ -125,7 +125,7 @@ export const sendMail = async (topic, easyOptions, options) => {
                 topic,
                 metadata,
             });
-            return info;
+            return { data };
         }
     }
     catch (error) {
@@ -138,15 +138,43 @@ ${cyan(JSON.stringify(globalOptions?.nodemailer?.transport, null, 2))}
         else {
             log.error(`${magenta(`[${topic}]`)} - Error`, error);
         }
+        // TODO
+        // Build comprehensive error info for JSON storage
+        const errorInfoJSON = {
+            message: error instanceof Error ? error.message : String(error),
+            name: error instanceof Error ? error.name : 'Unknown',
+            // stack: error instanceof Error ? error.stack : undefined,
+            code: error?.code,
+            errno: error?.errno,
+            syscall: error?.syscall,
+            hostname: error?.hostname,
+            port: error?.port,
+            address: error?.address,
+            response: error?.response,
+            responseCode: error?.responseCode,
+            command: error?.command,
+            // Capture any other enumerable properties
+            ...Object.getOwnPropertyNames(error).reduce((acc, key) => {
+                if (!['message', 'name', 'stack'].includes(key)) {
+                    try {
+                        acc[key] = error[key];
+                    }
+                    catch (e) {
+                        // Ignore properties that can't be accessed
+                    }
+                }
+                return acc;
+            }, {}),
+        };
         await repo(mailEntities.Mail).insert({
             status: 'error',
-            errorInfo: JSON.stringify(error),
+            errorInfo: JSON.stringify(errorInfoJSON),
             to: JSON.stringify(to),
             html: easyOptionsToUse.saveHtml ? html : '',
             topic,
             metadata,
         });
-        throw error;
+        return { error };
     }
 };
 const mailModule = new Module({

package/esm/server/index.d.ts

@@ -27,7 +27,7 @@ export declare class ModuleFF {
     modulesFF?: ModuleFF[];
     constructor(input: ModuleInput);
 }
-type Options = RemultServerOptions<RequestEvent<Partial<Record<string, string>>, string | null>> & {
+type Options = RemultServerOptions<RequestEvent<Partial<Record<string, string>>, any>> & {
     /** @deprecated use `remult` modules instead */
     modulesFF?: ModuleFF[] | undefined;
 };

package/esm/svelte/FF_Cell.svelte

@@ -13,10 +13,11 @@
 		cell: CellMetadata<valueType, entityType>
 		r?: FF_Repo<entityType>
 		class?: string
+		value?: valueType
+		error?: string
 	}
 
-	// eslint-disable-next-line svelte/no-unused-props
-	let props: Props<valueType, entityType> = $props()
+	let { value = $bindable(), error, ...props }: Props<valueType, entityType> = $props()
 
 	// let classes = $derived(getClasses('field', props.classes))
 
@@ -25,9 +26,6 @@
 	let hint = $derived(props.cell.field?.options.ui?.hint ?? props.cell.ui?.hint)
 	// @ts-ignore
 	let ui = $derived(deepMerge(props.cell.field?.options.ui ?? {}, props.cell.ui ?? {}))
-
-	let error = ''
-	let value: any = $state('')
 </script>
 
 <!-- Snippets sections -->

package/esm/svelte/FF_Cell.svelte.d.ts

@@ -4,11 +4,13 @@ interface Props<valueType = unknown, entityType = unknown> {
     cell: CellMetadata<valueType, entityType>;
     r?: FF_Repo<entityType>;
     class?: string;
+    value?: valueType;
+    error?: string;
 }
 declare function $$render<valueType = unknown, entityType = unknown>(): {
     props: Props<valueType, entityType>;
     exports: {};
-    bindings: "";
+    bindings: "value";
     slots: {};
     events: {};
 };
@@ -16,7 +18,7 @@ declare class __sveltets_Render<valueType = unknown, entityType = unknown> {
     props(): ReturnType<typeof $$render<valueType, entityType>>['props'];
     events(): ReturnType<typeof $$render<valueType, entityType>>['events'];
     slots(): ReturnType<typeof $$render<valueType, entityType>>['slots'];
-    bindings(): "";
+    bindings(): "value";
     exports(): {};
 }
 interface $$IsomorphicComponent {

package/esm/svelte/FF_Form.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" generics="entityType = unknown">
 	import { EntityError, getEntityRef } from 'remult'
 
-	import { FF_Field, getClasses } from './'
+	import { FF_Cell, getClasses } from './'
 	import type { FF_Repo, FieldGroup, FormTheme } from './'
 
 	const default_uid = $props.id()
@@ -91,11 +91,10 @@
 				{/if}
 				<div data-ff-form-fields class="{classes?.fields} {group.class}">
 					{#each group.fields as field}
-						<FF_Field
-							uid="{ToUse}-{field.key}"
-							{field}
+						<FF_Cell
+							cell={{ field, mode: 'edit' }}
 							bind:value={valuesToUse[field.key as keyof entityType]}
-							error={errors[field.key]}
+							error={errors[field.key ?? '']}
 						/>
 					{/each}
 				</div>

package/esm/svelte/FF_Grid.svelte

@@ -3,7 +3,7 @@
 
 	import Icon from '../ui/Icon.svelte'
 	import { LibIcon_Add, LibIcon_Delete, LibIcon_Edit } from '../ui/LibIcon'
-	import { dialog, FF_Display, FF_Repo, getClasses, type GridTheme } from './'
+	import { dialog, FF_Cell_Display, FF_Repo, getClasses, type GridTheme } from './'
 
 	interface Props<entityType> {
 		// uid?: string
@@ -100,7 +100,7 @@
 			<tr data-ff-grid-row class={classes?.row}>
 				{#each fields as f (f.key)}
 					<td data-ff-grid-row-cell class="{classes?.rowCell} td-{f.inputType}">
-						<FF_Display field={f} value={item[f.key as keyof entityType]}></FF_Display>
+						<FF_Cell_Display field={f} value={item[f.key as keyof entityType]}></FF_Cell_Display>
 					</td>
 				{/each}
 				{#if showActions}

package/esm/svelte/FF_Layout.svelte

@@ -28,7 +28,7 @@
 {:else if layoutToUse.type === 'grid'}
 	<FF_Grid {r}></FF_Grid>
 {:else if layoutToUse.type === 'tab'}
-	<div role="tablist" class="tabs tabs-lifted">
+	<div role="tablist" class="tabs-lift tabs">
 		{#each layoutToUse.groups ?? [] as group (group.key)}
 			<input
 				type="radio"
@@ -39,14 +39,14 @@
 				onchange={() => (selectedThing = group.key)}
 				aria-label={group.caption}
 			/>
-			<div role="tabpanel" class="tab-content rounded-box border-base-300 bg-base-100 p-6">
+			<div role="tabpanel" class="tab-content border-base-300 bg-base-100 p-6">
 				<FF_Form {r} groups={[group]} show={{ title: false }}></FF_Form>
 			</div>
 		{/each}
 	</div>
 {:else if layoutToUse.type === 'accordion'}
 	{#each layoutToUse.groups ?? [] as group (group.key)}
-		<div class="collapse bg-base-100">
+		<div class="collapse-arrow collapse bg-base-100">
 			<input
 				type="radio"
 				name="my-accordion"

package/esm/svelte/FF_Repo.svelte.d.ts

@@ -62,6 +62,15 @@ export declare class FF_Repo<Entity, QueryOptions extends QueryOptionsHelper<Ent
         aggregates: ExtractAggregateResult<Entity, QueryOptions>;
         hasNextPage: boolean;
     } | undefined>;
+    /**
+     * Refresh query keeping current items count (BIG refresh)
+     * Useful after edit/delete to stay at current scroll position
+     */
+    queryRefresh(options: Pick<QueryOptionsHelper<Entity>, 'where' | 'orderBy'>): Promise<{
+        items: Entity[];
+        aggregates: ExtractAggregateResult<Entity, QueryOptions>;
+        hasNextPage: boolean;
+    } | undefined>;
     create(...args: Parameters<Repository<Entity>['create']>): Entity;
     delete(...args: Parameters<Repository<Entity>['delete']>): Promise<undefined>;
     getLayout: getLayoutStrict<Entity>;

package/esm/svelte/FF_Repo.svelte.js

@@ -132,6 +132,45 @@ export class FF_Repo {
             hasNextPage: this.hasNextPage,
         });
     }
+    /**
+     * Refresh query keeping current items count (BIG refresh)
+     * Useful after edit/delete to stay at current scroll position
+     */
+    async queryRefresh(options) {
+        const currentCount = this.items?.length ?? this.#queryOptions?.pageSize ?? 25;
+        this.loading = {
+            ...this.loading,
+            fetching: true,
+            init: this.items === undefined,
+        };
+        const { data: queryResult, error: queryResultError } = tryCatchSync(() => this.#repo.query({
+            ...this.#queryOptions,
+            ...options,
+            pageSize: currentCount,
+            aggregate: {
+                ...this.#queryOptions?.aggregate,
+            },
+        }));
+        if (queryResultError) {
+            this.globalError = queryResultError.message;
+            return this.loadingEnd();
+        }
+        const { data: paginator, error: paginatorError } = await tryCatch(queryResult.paginator());
+        if (paginatorError) {
+            this.globalError = paginatorError.message;
+            return this.loadingEnd();
+        }
+        this.#paginator = paginator;
+        this.items = this.#paginator.items;
+        // @ts-expect-error - We know the structure will match due to how we define the types
+        this.aggregates = this.#paginator.aggregates;
+        this.hasNextPage = this.#paginator.hasNextPage && this.aggregates.$count > this.items.length;
+        return this.loadingEnd({
+            items: this.items,
+            aggregates: this.aggregates,
+            hasNextPage: this.hasNextPage,
+        });
+    }
     create(...args) {
         this.item = this.#repo.create(...args);
         return this.item;

package/esm/svelte/class/SP.svelte.js

@@ -7,6 +7,7 @@ import { goto } from '$app/navigation';
 import { page } from '$app/state';
 import { debounce } from '../helpers/debounce.js';
 const CONFIG_DELIMITER = ';';
+const NULL_URL_VALUE = '__null__';
 /**
  * SearchParams class for handling URL search parameters with Svelte 5 runes
  * Provides automatic binding and URL updates
@@ -257,6 +258,12 @@ export class SP {
             const urlKey = this.keyMap[propKey]; // Get the URL parameter key
             const paramValue = params.get(urlKey);
             if (paramValue !== null) {
+                // Decode null sentinel from URL
+                if (paramValue === NULL_URL_VALUE) {
+                    this.paramValues[propKey] = null;
+                    this.debouncedValues[propKey] = null;
+                    continue;
+                }
                 // If there is a decode function, always use it to get the proper object
                 if (def.decode) {
                     const decodedValue = def.decode(paramValue);
@@ -314,11 +321,16 @@ export class SP {
         }
         const params = new URLSearchParams(window.location.search);
         for (const [propKey, value] of Object.entries(this.debouncedValues)) {
-            // Skip undefined or null values
-            if (value === undefined || value === null) {
+            // Skip undefined values
+            if (value === undefined) {
                 params.delete(this.keyMap[propKey]);
                 continue;
             }
+            // Encode null as special URL value
+            if (value === null) {
+                params.set(this.keyMap[propKey], NULL_URL_VALUE);
+                continue;
+            }
             // Get the definition and URL key
             const def = this.config[propKey];
             if (!def)

package/esm/svelte/dialog/DialogManagement.svelte

@@ -16,7 +16,7 @@
 		>
 			{@html toShow.children}
 			<svelte:fragment slot="actions">
-				<Button class="text-white" on:click={() => dialog.close(toShow.id, { success: true })}
+				<Button class="text-white" onclick={() => dialog.close(toShow.id, { success: true })}
 					>Confirmer</Button
 				>
 			</svelte:fragment>
@@ -29,10 +29,7 @@
 		>
 			{@html toShow.children}
 			<svelte:fragment slot="actions">
-				<Button
-					class="btn-outline btn-error"
-					on:click={() => dialog.close(toShow.id, { success: true })}
-				>
+				<Button class="btn-error" onclick={() => dialog.close(toShow.id, { success: true })}>
 					Confirmer
 				</Button>
 			</svelte:fragment>

package/esm/svelte/dialog/DialogPrimitive.svelte

@@ -91,8 +91,7 @@
 		inset: 0;
 		z-index: 40;
 		background-color: var(--ff-dialog-overlay);
-		-webkit-backdrop-filter: blur(2px);
-		        backdrop-filter: blur(2px);
+		backdrop-filter: blur(2px);
 	}
 
 	[data-ff-dialog-content] {

package/esm/svelte/dialog/dialog.js

@@ -18,7 +18,7 @@ const createDialogManagement = () => {
         confirm: (topic, text, icon) => {
             const detail = {
                 detail: {
-                    caption: 'Confirmez',
+                    caption: 'A Confirmer',
                     icon: { data: icon },
                 },
                 children: `
@@ -34,7 +34,7 @@ const createDialogManagement = () => {
         confirmDelete: (topic) => {
             const detail = {
                 detail: {
-                    caption: 'Supprimer',
+                    caption: 'A Supprimer',
                     icon: { data: LibIcon_Delete },
                 },
                 children: topic

package/esm/svelte/ff_Config.svelte.js

@@ -40,8 +40,8 @@ export const daisyTheme = {
     },
     edit: {
         checkbox: 'checkbox',
-        input: 'input input-bordered',
-        select: 'select select-bordered',
+        input: 'input',
+        select: 'select',
     },
     grid: {
         root: 'table',

package/esm/svelte/index.d.ts

@@ -1,18 +1,13 @@
 import type { CellMetadata, getLayout } from './customField';
+import { default as FF_Cell_Display } from './FF_Cell_Display.svelte';
 import { default as FF_Cell } from './FF_Cell.svelte';
 import { default as FF_Config } from './FF_Config.svelte';
-import { default as FF_Display } from './FF_Display.svelte';
-import { default as FF_Edit } from './FF_Edit.svelte';
-import { default as FF_Error } from './FF_Error.svelte';
-import { default as FF_Field } from './FF_Field.svelte';
 import { default as FF_Form } from './FF_Form.svelte';
 import { default as FF_Grid } from './FF_Grid.svelte';
-import { default as FF_Hint } from './FF_Hint.svelte';
-import { default as FF_Label } from './FF_Label.svelte';
 import { default as FF_Layout } from './FF_Layout.svelte';
 export type { FieldTheme, FormTheme, GridTheme, Theme, EditTheme, DisplayTheme, } from './ff_Config.svelte.js';
 export { getDynamicCustomField, getTheme, setDynamicCustomField, setTheme, getClasses, daisyTheme, defaultTheme, emptyTheme, FF_Theme, } from './ff_Config.svelte.js';
-export { FF_Grid, FF_Form, FF_Field, FF_Edit, FF_Config, FF_Display, FF_Label, FF_Error, FF_Hint, FF_Layout, FF_Cell, };
+export { FF_Grid, FF_Form, FF_Config, FF_Layout, FF_Cell, FF_Cell_Display };
 export type { DynamicCustomField, FieldGroup } from './customField';
 export { FF_Repo } from './FF_Repo.svelte.js';
 export { tryCatch, tryCatchSync } from './tryCatch';

package/esm/svelte/index.js

@@ -1,16 +1,11 @@
+import { default as FF_Cell_Display } from './FF_Cell_Display.svelte';
 import { default as FF_Cell } from './FF_Cell.svelte';
 import { default as FF_Config } from './FF_Config.svelte';
-import { default as FF_Display } from './FF_Display.svelte';
-import { default as FF_Edit } from './FF_Edit.svelte';
-import { default as FF_Error } from './FF_Error.svelte';
-import { default as FF_Field } from './FF_Field.svelte';
 import { default as FF_Form } from './FF_Form.svelte';
 import { default as FF_Grid } from './FF_Grid.svelte';
-import { default as FF_Hint } from './FF_Hint.svelte';
-import { default as FF_Label } from './FF_Label.svelte';
 import { default as FF_Layout } from './FF_Layout.svelte';
 export { getDynamicCustomField, getTheme, setDynamicCustomField, setTheme, getClasses, daisyTheme, defaultTheme, emptyTheme, FF_Theme, } from './ff_Config.svelte.js';
-export { FF_Grid, FF_Form, FF_Field, FF_Edit, FF_Config, FF_Display, FF_Label, FF_Error, FF_Hint, FF_Layout, FF_Cell, };
+export { FF_Grid, FF_Form, FF_Config, FF_Layout, FF_Cell, FF_Cell_Display };
 export { FF_Repo } from './FF_Repo.svelte.js';
 export { tryCatch, tryCatchSync } from './tryCatch';
 export { overwriteOptions, deepMerge, isOfType } from './helpers';