firstly 0.2.1 → 0.4.0

package/esm/svelte/FF_Cell_Edit.svelte.d.ts

@@ -1,32 +0,0 @@
-import { type FieldMetadata } from 'remult';
-import type { EditTheme } from '.';
-declare function $$render<valueType = unknown, entityType = unknown>(): {
-    props: {
-        uid?: string;
-        field: FieldMetadata<valueType, entityType>;
-        value: valueType;
-        error?: string;
-        classes?: EditTheme;
-    };
-    exports: {};
-    bindings: "value";
-    slots: {};
-    events: {};
-};
-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(): "value";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <valueType = unknown, entityType = unknown>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<valueType, entityType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<valueType, entityType>['props']>, ReturnType<__sveltets_Render<valueType, entityType>['events']>, ReturnType<__sveltets_Render<valueType, entityType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<valueType, entityType>['bindings']>;
-    } & ReturnType<__sveltets_Render<valueType, entityType>['exports']>;
-    <valueType = unknown, entityType = unknown>(internal: unknown, props: ReturnType<__sveltets_Render<valueType, entityType>['props']> & {}): ReturnType<__sveltets_Render<valueType, entityType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
-}
-declare const FfCellEdit: $$IsomorphicComponent;
-type FfCellEdit<valueType = unknown, entityType = unknown> = InstanceType<typeof FfCellEdit<valueType, entityType>>;
-export default FfCellEdit;

package/esm/svelte/FF_Cell_Error.svelte

@@ -1,20 +0,0 @@
-<script lang="ts" generics="valueType = unknown, entityType = unknown">
-	import type { CellMetadata } from './customField'
-
-	interface Props<valueType = unknown, entityType = unknown> {
-		key: string
-		ui: CellMetadata<valueType, entityType>['ui']
-		error?: string
-		class?: string
-	}
-
-	let { ui, key, class: localClass, error }: Props<valueType, entityType> = $props()
-</script>
-
-{#if ui?.component?.error === undefined || ui?.component?.error === 'show'}
-	<label data-ff-cell-error for={key} class={localClass}>{@html error}</label>
-{:else if ui?.component?.error === 'remove'}
-	<!-- Nothing -->
-{:else if ui?.component?.error === 'hide'}
-	<span data-ff-cell-error class={localClass}></span>
-{/if}

package/esm/svelte/FF_Cell_Error.svelte.d.ts

@@ -1,31 +0,0 @@
-import type { CellMetadata } from './customField';
-interface Props<valueType = unknown, entityType = unknown> {
-    key: string;
-    ui: CellMetadata<valueType, entityType>['ui'];
-    error?: string;
-    class?: string;
-}
-declare function $$render<valueType = unknown, entityType = unknown>(): {
-    props: Props<valueType, entityType>;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-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(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <valueType = unknown, entityType = unknown>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<valueType, entityType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<valueType, entityType>['props']>, ReturnType<__sveltets_Render<valueType, entityType>['events']>, ReturnType<__sveltets_Render<valueType, entityType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<valueType, entityType>['bindings']>;
-    } & ReturnType<__sveltets_Render<valueType, entityType>['exports']>;
-    <valueType = unknown, entityType = unknown>(internal: unknown, props: ReturnType<__sveltets_Render<valueType, entityType>['props']> & {}): ReturnType<__sveltets_Render<valueType, entityType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
-}
-declare const FfCellError: $$IsomorphicComponent;
-type FfCellError<valueType = unknown, entityType = unknown> = InstanceType<typeof FfCellError<valueType, entityType>>;
-export default FfCellError;

package/esm/svelte/FF_Cell_Hint.svelte

@@ -1,20 +0,0 @@
-<script lang="ts" generics="valueType = unknown, entityType = unknown">
-	import type { CellMetadata } from './customField'
-
-	interface Props<valueType = unknown, entityType = unknown> {
-		key: string
-		ui: CellMetadata<valueType, entityType>['ui']
-		hint?: string
-		class?: string
-	}
-
-	let { ui, key, class: localClass, hint }: Props<valueType, entityType> = $props()
-</script>
-
-{#if ui?.component?.hint === undefined || ui?.component?.hint === 'show'}
-	<label data-ff-cell-hint for={key} class={localClass}>{@html hint}</label>
-{:else if ui?.component?.hint === 'remove'}
-	<!-- Nothing -->
-{:else if ui?.component?.hint === 'hide'}
-	<span data-ff-cell-hint class={localClass}></span>
-{/if}

package/esm/svelte/FF_Cell_Hint.svelte.d.ts

@@ -1,31 +0,0 @@
-import type { CellMetadata } from './customField';
-interface Props<valueType = unknown, entityType = unknown> {
-    key: string;
-    ui: CellMetadata<valueType, entityType>['ui'];
-    hint?: string;
-    class?: string;
-}
-declare function $$render<valueType = unknown, entityType = unknown>(): {
-    props: Props<valueType, entityType>;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-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(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <valueType = unknown, entityType = unknown>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<valueType, entityType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<valueType, entityType>['props']>, ReturnType<__sveltets_Render<valueType, entityType>['events']>, ReturnType<__sveltets_Render<valueType, entityType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<valueType, entityType>['bindings']>;
-    } & ReturnType<__sveltets_Render<valueType, entityType>['exports']>;
-    <valueType = unknown, entityType = unknown>(internal: unknown, props: ReturnType<__sveltets_Render<valueType, entityType>['props']> & {}): ReturnType<__sveltets_Render<valueType, entityType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
-}
-declare const FfCellHint: $$IsomorphicComponent;
-type FfCellHint<valueType = unknown, entityType = unknown> = InstanceType<typeof FfCellHint<valueType, entityType>>;
-export default FfCellHint;

package/esm/svelte/FF_Config.svelte

@@ -1,29 +0,0 @@
-<script lang="ts">
-	import { FF_Theme, setDynamicCustomField } from './'
-	import type { DynamicCustomField, Theme } from './'
-	import DialogManagement from './dialog/DialogManagement.svelte'
-
-	interface Props {
-		theme: Theme
-		dynamicCustomField?: DynamicCustomField
-		children?: import('svelte').Snippet
-	}
-
-	const { theme, dynamicCustomField, children }: Props = $props()
-
-	// Create a reactive theme instance
-	const themeManager = $state(new FF_Theme(theme))
-
-	// Update theme when prop changes
-	$effect(() => {
-		themeManager.setTheme(theme)
-	})
-
-	if (dynamicCustomField) {
-		setDynamicCustomField(dynamicCustomField)
-	}
-</script>
-
-<DialogManagement />
-
-{@render children?.()}

package/esm/svelte/FF_Config.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { DynamicCustomField, Theme } from './';
-interface Props {
-    theme: Theme;
-    dynamicCustomField?: DynamicCustomField;
-    children?: import('svelte').Snippet;
-}
-declare const FfConfig: import("svelte").Component<Props, {}, "">;
-type FfConfig = ReturnType<typeof FfConfig>;
-export default FfConfig;

package/esm/svelte/FF_Form.svelte

@@ -1,155 +0,0 @@
-<script lang="ts" generics="entityType = unknown">
-	import { EntityError, getEntityRef } from 'remult'
-
-	import { FF_Cell, getClasses } from './'
-	import type { FF_Repo, FieldGroup, FormTheme } from './'
-
-	const default_uid = $props.id()
-
-	interface Props<entityType> {
-		uid_prefix?: string
-		uid?: string
-		r: FF_Repo<entityType>
-		groups?: FieldGroup<entityType>[]
-		defaults?: Partial<entityType>
-		classes?: FormTheme
-		show?: {
-			title?: boolean
-		}
-		onSaved?: (item: entityType) => void
-	}
-
-	let {
-		uid_prefix = '',
-		uid = default_uid,
-		r,
-		groups,
-		defaults,
-		show = {
-			title: true,
-		},
-		classes: localClasses = {},
-		onSaved,
-	}: Props<entityType> = $props()
-
-	const ToUse = uid_prefix ? `${uid_prefix}-${uid}` : uid
-
-	let classes = $derived(getClasses('form', localClasses))
-
-	let errors = $state<Record<string, string>>({})
-	let globalError = $state<string | undefined>(undefined)
-
-	let valuesToUse = $state(r.item ? r.item : r.create(defaults))
-	let ref = $derived(getEntityRef(valuesToUse))
-	const groupsToUse: FieldGroup<entityType>[] = $derived(groups ?? r.getLayout()?.groups ?? [])
-
-	const onsubmit = async (e: Event) => {
-		e.preventDefault()
-		// r.loading.saving = true
-		// 		FF_Form.svelte:48 [svelte] ownership_invalid_mutation
-		// src/lib/svelte/FF_Form.svelte mutated a value owned by src/routes/demo/FF_Simple/+page.svelte. This is strongly discouraged. Consider passing values to child components with `bind:`, or use a callback instead
-		// https://svelte.dev/e/ownership_invalid_mutation
-		globalError = undefined
-		try {
-			if (ref.isNew()) {
-				const itemSaved = await ref.save()
-				r.items?.unshift(itemSaved)
-				if (r.aggregates && r.aggregates.$count !== undefined) {
-					r.aggregates.$count = r.aggregates.$count + 1
-				}
-				valuesToUse = r.create()
-				onSaved?.(itemSaved)
-			} else {
-				const itemSaved = await ref.save()
-				onSaved?.(itemSaved)
-			}
-			errors = {}
-		} catch (error) {
-			if (error instanceof EntityError) {
-				errors = error.modelState as Record<string, string>
-			} else {
-				// @ts-ignore
-				globalError = error.message
-			}
-		}
-		// r.loading.saving = false
-	}
-</script>
-
-<form data-ff-form class="{classes?.root} {r.metadata.key}" {onsubmit}>
-	<div data-ff-form-groups class={classes?.groups}>
-		{#each groupsToUse ?? [] as group (group.key)}
-			<div data-ff-form-group>
-				{#if show?.title}
-					<div data-ff-form-title>
-						<!-- {ref.isNew() ? 'Add' : 'Save'} -->
-						{group?.caption ?? r.metadata.caption}
-					</div>
-				{/if}
-				{#if group?.hint}
-					<div data-ff-form-hint>{@html group?.hint}</div>
-				{/if}
-				<div data-ff-form-fields class="{classes?.fields} {group.class}">
-					{#each group.fields as field}
-						<FF_Cell
-							cell={{ field, mode: 'edit' }}
-							bind:value={valuesToUse[field.key as keyof entityType]}
-							error={errors[field.key ?? '']}
-						/>
-					{/each}
-				</div>
-			</div>
-		{/each}
-	</div>
-
-	<div data-ff-form-actions class={classes?.actions}>
-		<button
-			data-ff-form-button
-			class={classes?.submitButton}
-			disabled={!r.metadata.apiInsertAllowed() || r.loading.saving}
-		>
-			{ref.isNew() ? 'Add' : 'Save'}{r.loading.saving ? '...' : ''}
-		</button>
-		{globalError}
-	</div>
-	{globalError}
-	<!-- TODO: display errors of field not in the form -->
-</form>
-
-<style>
-	[data-ff-form-title] {
-		width: 100%;
-		display: flex;
-		flex-wrap: wrap;
-		padding: var(--ff-spacing);
-	}
-
-	[data-ff-form-hint] {
-		width: 100%;
-		display: flex;
-		flex-wrap: wrap;
-		padding: var(--ff-spacing);
-	}
-
-	[data-ff-form-fields] {
-		width: 100%;
-		display: flex;
-		flex-wrap: wrap;
-	}
-
-	/* To distribute as default css ? */
-	.ff-form-actions {
-		display: flex;
-		justify-content: flex-end;
-		margin: 1rem;
-
-		button {
-			border-radius: 0.5rem;
-			padding: 0.5rem 1rem;
-			background-color: green;
-			color: #fff;
-			border: none;
-			cursor: pointer;
-		}
-	}
-</style>

package/esm/svelte/FF_Form.svelte.d.ts

@@ -1,37 +0,0 @@
-import type { FF_Repo, FieldGroup, FormTheme } from './';
-interface Props<entityType> {
-    uid_prefix?: string;
-    uid?: string;
-    r: FF_Repo<entityType>;
-    groups?: FieldGroup<entityType>[];
-    defaults?: Partial<entityType>;
-    classes?: FormTheme;
-    show?: {
-        title?: boolean;
-    };
-    onSaved?: (item: entityType) => void;
-}
-declare function $$render<entityType = unknown>(): {
-    props: Props<entityType>;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<entityType = unknown> {
-    props(): ReturnType<typeof $$render<entityType>>['props'];
-    events(): ReturnType<typeof $$render<entityType>>['events'];
-    slots(): ReturnType<typeof $$render<entityType>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <entityType = unknown>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<entityType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<entityType>['props']>, ReturnType<__sveltets_Render<entityType>['events']>, ReturnType<__sveltets_Render<entityType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<entityType>['bindings']>;
-    } & ReturnType<__sveltets_Render<entityType>['exports']>;
-    <entityType = unknown>(internal: unknown, props: ReturnType<__sveltets_Render<entityType>['props']> & {}): ReturnType<__sveltets_Render<entityType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const FfForm: $$IsomorphicComponent;
-type FfForm<entityType = unknown> = InstanceType<typeof FfForm<entityType>>;
-export default FfForm;

package/esm/svelte/FF_Grid.svelte

@@ -1,257 +0,0 @@
-<script lang="ts" generics="entityType = unknown">
-	import { getEntityRef, type FieldMetadata } from 'remult'
-
-	import Icon from '../ui/Icon.svelte'
-	import { LibIcon_Add, LibIcon_Delete, LibIcon_Edit } from '../ui/LibIcon'
-	import { dialog, FF_Cell_Display, FF_Repo, getClasses, type GridTheme } from './'
-
-	interface Props<entityType> {
-		// uid?: string
-		r: FF_Repo<entityType>
-		fields?: FieldMetadata<unknown, entityType>[]
-		showCreate?: boolean
-		showEdit?: boolean
-		showDelete?: boolean
-		oncreate?: () => void
-		onedit?: (item: entityType) => void
-		ondelete?: (item: entityType) => void
-
-		classes?: GridTheme
-	}
-
-	let {
-		r,
-		fields = r.getLayout()?.groups?.[0]?.fields ?? [],
-		showCreate = true,
-		showEdit = true,
-		showDelete = true,
-		oncreate,
-		onedit,
-		ondelete,
-		classes: localClasses = {},
-	}: Props<entityType> = $props()
-
-	let classes = $derived(getClasses('grid', localClasses))
-
-	const showActions = $derived(showEdit || showDelete)
-</script>
-
-<div class="flex justify-end gap-2">
-	{#if r.aggregates?.$count}
-		Total: {r.aggregates?.$count}
-	{/if}
-
-	{#if showCreate}
-		<button
-			disabled={!r.metadata.apiInsertAllowed()}
-			class="create-button"
-			data-ff-grid-action-create
-			onclick={async () => {
-				if (oncreate) {
-					oncreate()
-				} else {
-					const res = await dialog.fform(r, { defaults: {} })
-					// Done already in FF_Form
-					// if (res.success && r.items) {
-					// 	r.items.unshift(res.item)
-					// }
-				}
-			}}
-		>
-			<Icon data={LibIcon_Add} />
-		</button>
-	{/if}
-</div>
-
-<table data-ff-grid class={classes?.root}>
-	<thead>
-		<tr data-ff-grid-header class={classes?.header}>
-			{#each fields ?? [] as item (item.key)}
-				<th data-ff-grid-header-cell class="{classes?.headerCell} th-{item.inputType}"
-					>{item.caption}</th
-				>
-			{/each}
-			{#if showActions}
-				<th data-ff-grid-header-cell class={classes?.actionsHeader} style="width: 1rem;"> Actions </th>
-			{/if}
-		</tr>
-	</thead>
-	<tbody>
-		{#if r.loading.init}
-			{#each Array(10) as _}
-				<tr>
-					{#each fields ?? [] as item (item.key)}
-						<td class="cell-loading"></td>
-					{/each}
-					{#if showActions}
-						<td class="cell-loading"></td>
-					{/if}
-				</tr>
-			{/each}
-		{/if}
-		{#if r.globalError}
-			<tr>
-				<td colspan={showActions ? fields.length + 1 : fields.length} class="text-danger"
-					>{r.globalError}</td
-				>
-			</tr>
-		{/if}
-		{#each r.items ?? [] as item (r.metadata.idMetadata.getId(item))}
-			<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_Cell_Display field={f} value={item[f.key as keyof entityType]}></FF_Cell_Display>
-					</td>
-				{/each}
-				{#if showActions}
-					<td data-ff-grid-actions-cell class={classes?.actionsColumn}>
-						<div class={classes?.actions}>
-							{#if showEdit}
-								<button
-									disabled={!r.metadata.apiUpdateAllowed(item)}
-									class={classes?.actionButton}
-									data-ff-grid-action-edit
-									onclick={async () => {
-										if (onedit) {
-											onedit?.(item)
-										} else {
-											const ref = getEntityRef(item)
-											const newR = new FF_Repo(r.ent, { item: ref.clone() })
-											const res = await dialog.fform(newR, {})
-											if (res.success) {
-												if (r.items) {
-													r.items[
-														r.items.findIndex(
-															(i) => r.metadata.idMetadata.getId(i) === r.metadata.idMetadata.getId(res.item),
-														)
-													] = res.item
-												}
-											}
-										}
-									}}
-								>
-									<Icon data={LibIcon_Edit} />
-								</button>
-							{/if}
-							{#if showDelete}
-								<button
-									disabled={!r.metadata.apiDeleteAllowed(item)}
-									class={classes?.actionButton}
-									data-ff-grid-action-delete
-									onclick={async () => {
-										if (ondelete) {
-											ondelete?.(item)
-										} else {
-											const res = await dialog.confirmDelete('')
-											if (res.success) {
-												await r.delete(item)
-											}
-										}
-									}}
-								>
-									<Icon data={LibIcon_Delete} />
-								</button>
-							{/if}
-						</div>
-					</td>
-				{/if}
-			</tr>
-		{/each}
-	</tbody>
-</table>
-{#if r.hasNextPage}
-	<div class="text-right">
-		<button class={classes?.loadMoreButton} onclick={() => r.queryMore()}>Load More</button>
-	</div>
-{/if}
-
-<style>
-	.text-danger {
-		color: red;
-		text-align: center;
-		padding-top: 2rem;
-	}
-	.cell-loading {
-		width: 100%;
-		height: 1.5rem;
-		position: relative;
-		overflow: hidden;
-	}
-
-	.cell-loading::after {
-		content: '';
-		position: absolute;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-		transform: translateX(-100%);
-		background-image: linear-gradient(
-			90deg,
-			rgba(255, 255, 255, 0) 0,
-			rgba(255, 255, 255, 0.2) 20%,
-			rgba(255, 255, 255, 0.5) 60%,
-			rgba(255, 255, 255, 0)
-		);
-		animation: shimmer 2s infinite;
-	}
-
-	@keyframes shimmer {
-		100% {
-			transform: translateX(100%);
-		}
-	}
-
-	[data-ff-grid-action-create] {
-		opacity: 1;
-		color: inherit;
-	}
-
-	[data-ff-grid-action-create]:disabled {
-		opacity: 0.5;
-	}
-
-	[data-ff-grid-action-edit] {
-		opacity: 1;
-		color: inherit;
-	}
-
-	[data-ff-grid-action-edit]:disabled {
-		opacity: 0.5;
-	}
-
-	[data-ff-grid-action-delete] {
-		opacity: 1;
-		color: inherit;
-	}
-
-	[data-ff-grid-action-delete]:disabled {
-		opacity: 0.5;
-	}
-
-	:global {
-		[data-ff-grid-header-cell] {
-			&.th-checkbox {
-				text-align: center;
-			}
-		}
-
-		[data-ff-grid-row-cell] {
-			&.td-checkbox {
-				text-align: center;
-			}
-		}
-
-		[data-ff-grid-header-cell] {
-			&.th-number {
-				text-align: right;
-			}
-		}
-
-		[data-ff-grid-row-cell] {
-			&.td-number {
-				text-align: right;
-			}
-		}
-	}
-</style>

package/esm/svelte/FF_Grid.svelte.d.ts

@@ -1,37 +0,0 @@
-import { type FieldMetadata } from 'remult';
-import { FF_Repo, type GridTheme } from './';
-interface Props<entityType> {
-    r: FF_Repo<entityType>;
-    fields?: FieldMetadata<unknown, entityType>[];
-    showCreate?: boolean;
-    showEdit?: boolean;
-    showDelete?: boolean;
-    oncreate?: () => void;
-    onedit?: (item: entityType) => void;
-    ondelete?: (item: entityType) => void;
-    classes?: GridTheme;
-}
-declare function $$render<entityType = unknown>(): {
-    props: Props<entityType>;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<entityType = unknown> {
-    props(): ReturnType<typeof $$render<entityType>>['props'];
-    events(): ReturnType<typeof $$render<entityType>>['events'];
-    slots(): ReturnType<typeof $$render<entityType>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <entityType = unknown>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<entityType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<entityType>['props']>, ReturnType<__sveltets_Render<entityType>['events']>, ReturnType<__sveltets_Render<entityType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<entityType>['bindings']>;
-    } & ReturnType<__sveltets_Render<entityType>['exports']>;
-    <entityType = unknown>(internal: unknown, props: ReturnType<__sveltets_Render<entityType>['props']> & {}): ReturnType<__sveltets_Render<entityType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const FfGrid: $$IsomorphicComponent;
-type FfGrid<entityType = unknown> = InstanceType<typeof FfGrid<entityType>>;
-export default FfGrid;