rimecms 0.28.10 → 0.30.0

package/dist/fields/blocks/component/AddBlockButton.svelte

@@ -7,11 +7,11 @@
   import * as Command from '../../../panel/components/ui/command/index.js';
   import { capitalize } from '../../../util/string.js';
   import { CirclePlus, ToyBrick } from '@lucide/svelte';
-  import type { BlocksField, BlocksFieldBlock } from '../index.js';
+  import type { BlocksBuilder, BlocksFieldBlock } from '../index.js';
 
   type AddBlock = (options: Omit<GenericBlock, 'id' | 'path'>) => void;
   type Props = {
-    config: BlocksField;
+    config: BlocksBuilder;
     addBlock: AddBlock;
   };
   const { config, addBlock }: Props = $props();
@@ -22,16 +22,16 @@
   const add = (block: BlocksFieldBlock) => {
     open = false;
     const empty = {
-      ...emptyValuesFromFieldConfig(block.fields.map((f) => f.compile()).filter(isFormField)),
+      ...emptyValuesFromFieldConfig(block.fields.filter(isFormField)),
       type: block.name
     };
     addBlock(empty);
   };
 </script>
 
-{#if config.blocks.length === 1}
+{#if config.get.blocks.length === 1}
   <Button
-    onclick={() => add(config.blocks[0].block)}
+    onclick={() => add(config.get.blocks[0].block)}
     variant="ghost"
     icon={CirclePlus}
     size="icon"
@@ -51,7 +51,7 @@
       <Command.List class="rz-add-block-button__list">
         <Command.Empty>No results found.</Command.Empty>
         <Command.Group heading="Component">
-          {#each config.blocks as blockBuilder, index (index)}
+          {#each config.get.blocks as blockBuilder, index (index)}
             {@const blockConfig = blockBuilder.block}
             {@const BlockIcon = blockConfig.icon || ToyBrick}
             <Command.Item
@@ -82,7 +82,7 @@
       </Command.List>
 
       <div class="rz-add-block-button__preview-wrap">
-        {#each config.blocks as blockFieldBuilder, index (index)}
+        {#each config.get.blocks as blockFieldBuilder, index (index)}
           <div
             class:rz-add-block-button__preview--active={ariaSelected === blockFieldBuilder.name}
             class="rz-add-block-button__preview"

package/dist/fields/blocks/component/AddBlockButton.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { GenericBlock } from '../../../core/types/doc.js';
-import type { BlocksField } from '../index.js';
+import type { BlocksBuilder } from '../index.js';
 type AddBlock = (options: Omit<GenericBlock, 'id' | 'path'>) => void;
 type Props = {
-    config: BlocksField;
+    config: BlocksBuilder;
     addBlock: AddBlock;
 };
 declare const AddBlockButton: import("svelte").Component<Props, {}, "">;

package/dist/fields/blocks/component/Blocks.svelte

@@ -2,12 +2,11 @@
   import { t__ } from '../../../core/i18n/index.js';
   import type { GenericBlock } from '../../../core/types/doc.js';
   import type { BlocksFieldBlock } from '../../types';
+  import { fieldset } from '../../../panel/components/fields/fieldset.svelte.js';
   import { Field } from '../../../panel/components/fields/index.js';
-  import { root } from '../../../panel/components/fields/root.svelte.js';
   import Button from '../../../panel/components/ui/button/button.svelte';
   import { getLocaleContext } from '../../../panel/context/locale.svelte';
   import { useSortable } from '../../../panel/util/Sortable.js';
-  import { capitalize } from '../../../util/string.js';
   import { Download } from '@lucide/svelte';
   import Sortable from 'sortablejs';
   import { onDestroy } from 'svelte';
@@ -63,7 +62,7 @@
   });
 
   function getConfigByBlockType(type: string): BlocksFieldBlock {
-    const blockConfig = config.blocks.find((b) => type === b.name);
+    const blockConfig = config.get.blocks.find((b) => type === b.name);
     if (!blockConfig) {
       throw new Error(`Block configuration not found for type: ${type}`);
     }
@@ -82,14 +81,14 @@
   });
 </script>
 
-<fieldset class="rz-field-blocks {config.className || ''}" use:root={field}>
+<fieldset class="rz-field-blocks {config.get.className || ''}" use:fieldset={field}>
   <Field.Error error={field.error} />
 
   <header class="rz-blocks__header">
     <div>
       <h3 class="rz-blocks__title">
-        {config.label ? config.label : capitalize(config.name)}
-        {#if config.localized}
+        {config.get.label}
+        {#if config.get.localized}
           <sup>{locale.code}</sup>
         {/if}
       </h3>
@@ -122,7 +121,7 @@
   <div class="rz-blocks__actions-bottom">
     <AddBlockButton addBlock={add} {config} />
 
-    {#if locale && locale.code !== locale.defaultCode && config.localized}
+    {#if locale && locale.code !== locale.defaultCode && config.get.localized}
       <Button icon={Download} size="sm" onclick={field.setValueFromDefaultLocale} variant="text">
         {t__('fields.get_data_from')}
         {locale.defaultCode}

package/dist/fields/blocks/component/props.d.ts

@@ -1,7 +1,7 @@
 import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
-import type { BlocksField } from '../index.js';
+import type { BlocksBuilder } from '../index.js';
 export type BlocksProps = {
     path: string;
-    config: BlocksField;
+    config: BlocksBuilder;
     form: DocumentFormContext;
 };

package/dist/fields/blocks/index.d.ts

@@ -41,7 +41,7 @@ declare class BlockBuilder {
     description(description: string): this;
     label(label: string): this;
     fields(...fields: FieldBuilder<Field>[]): this;
-    get raw(): {
+    get get(): {
         name: string;
         label?: string;
         description?: string;

package/dist/fields/blocks/index.js

@@ -32,7 +32,7 @@ export class BlocksBuilder extends FormFieldBuilder {
             // Add a locale prop in each block
             const hasAlreadyLocale = !!blockBuilder.block.fields
                 .filter((field) => field instanceof FormFieldBuilder)
-                .find((field) => field.raw.name === 'locale');
+                .find((field) => field.name === 'locale');
             if (!hasAlreadyLocale) {
                 blockBuilder.block.fields.push(text('locale').hidden());
             }
@@ -41,7 +41,7 @@ export class BlocksBuilder extends FormFieldBuilder {
                 // If type / position / path field do not set as localized
                 // as it's a block property
                 if (field instanceof FormFieldBuilder &&
-                    ['position', 'type', 'path', 'locale'].includes(field.raw.name)) {
+                    ['position', 'type', 'path', 'locale'].includes(field.name)) {
                     return field;
                 }
                 // For all others fields set as localized
@@ -114,7 +114,7 @@ class BlockBuilder {
         this.block.fields = [...fields, ...this.block.fields];
         return this;
     }
-    get raw() {
+    get get() {
         return { ...this.block };
     }
     get name() {

package/dist/fields/blocks/index.server.js

@@ -1,5 +1,5 @@
 import { toPascalCase } from '../../util/string.js';
 export const toType = (field) => {
-    const blockNames = field.raw.blocks.map((block) => `Block${toPascalCase(block.raw.name)}`);
+    const blockNames = field.get.blocks.map((block) => `Block${toPascalCase(block.name)}`);
     return `${field.name}: Array<${blockNames.join(' | ')}>,`;
 };

package/dist/fields/checkbox/component/Checkbox.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
+  import { fieldset } from '../../../panel/components/fields/fieldset.svelte.js';
   import { Field } from '../../../panel/components/fields/index.js';
-  import { root } from '../../../panel/components/fields/root.svelte.js';
   import { Checkbox } from '../../../panel/components/ui/checkbox/index.js';
   import { slugify } from '../../../util/string.js';
   import type { CheckboxProps } from './props';
@@ -17,7 +17,7 @@
   const inputId = $derived(`${form.key}-${slugify(path)}`);
 </script>
 
-<fieldset class="rz-checkbox-field {config.className || ''}" use:root={field}>
+<fieldset class="rz-checkbox-field {config.get.className || ''}" use:fieldset={field}>
   <div>
     <Checkbox
       class="rz-checkbox-field__input {checkboxErrorClass}"

package/dist/fields/checkbox/component/props.d.ts

@@ -1,7 +1,7 @@
 import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
-import type { CheckboxField } from '../index.js';
+import type { CheckboxFieldBuilder } from '../index.js';
 export type CheckboxProps = {
     path: string;
-    config: CheckboxField;
+    config: CheckboxFieldBuilder;
     form: DocumentFormContext;
 };

package/dist/fields/checkbox/index.server.d.ts

@@ -1,4 +1,3 @@
-import type { ToSchema, ToType } from '../index.server.js';
+import type { ToType } from '../index.server.js';
 import type { CheckboxFieldBuilder } from './index.js';
-export declare const toSchema: ToSchema<CheckboxFieldBuilder>;
 export declare const toType: ToType<CheckboxFieldBuilder>;

package/dist/fields/checkbox/index.server.js

@@ -1,12 +1,3 @@
-import { templateUniqueRequired } from '../../adapter-sqlite/generate-schema/templates.server.js';
-import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.js';
-export const toSchema = (field, parentPath) => {
-    const { camel, snake } = getSchemaColumnNames({ name: field.raw.name, parentPath });
-    const suffix = templateUniqueRequired(field.raw, field.raw.defaultValue ?? false);
-    if (field._generateSchema)
-        return field._generateSchema({ camel, snake, suffix });
-    return `${camel}: integer('${snake}', { mode: 'boolean' })${suffix}`;
-};
 export const toType = (field) => {
-    return `${field.raw.name}: boolean`;
+    return `${field.name}: boolean`;
 };

package/dist/fields/combobox/component/ComboBox.svelte

@@ -2,7 +2,7 @@
   import { t__ } from '../../../core/i18n/index.js';
   import type { OptionWithIcon } from '../../types.js';
   import { Field } from '../../../panel';
-  import { root } from '../../../panel/components/fields/root.svelte.js';
+  import { fieldset } from '../../../panel/components/fields/fieldset.svelte.js';
   import { Button } from '../../../panel/components/ui/button/index.js';
   import * as Command from '../../../panel/components/ui/command/index.js';
   import * as Popover from '../../../panel/components/ui/popover/index.js';
@@ -13,7 +13,7 @@
   const { path, config, form }: ComboBoxProps = $props();
 
   const field = $derived(form.useField(path, config));
-  const options = $derived(config.options);
+  const options = $derived(config.get.options);
 
   let search = $state('');
   let open = $state(false);
@@ -30,7 +30,7 @@
   </span>
 {/snippet}
 
-<fieldset class="rz-combobox-field {config.className || ''}" use:root={field}>
+<fieldset class="rz-combobox-field {config.get.className || ''}" use:fieldset={field}>
   <Field.Label {config} for={path || config.name} />
 
   <Popover.Root bind:open>

package/dist/fields/combobox/component/props.d.ts

@@ -1,7 +1,7 @@
 import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
-import type { ComboBoxField } from '../index.js';
+import type { ComboBoxFieldBuilder } from '../index.js';
 export type ComboBoxProps = {
     path: string;
-    config: ComboBoxField;
+    config: ComboBoxFieldBuilder;
     form: DocumentFormContext;
 };

package/dist/fields/combobox/index.server.d.ts

@@ -1,4 +1,3 @@
-import type { ToSchema, ToType } from '../index.server.js';
+import type { ToType } from '../index.server.js';
 import type { ComboBoxFieldBuilder } from './index.js';
-export declare const toSchema: ToSchema<ComboBoxFieldBuilder>;
 export declare const toType: ToType<ComboBoxFieldBuilder>;

package/dist/fields/combobox/index.server.js

@@ -1,13 +1,4 @@
-import { templateUniqueRequired } from '../../adapter-sqlite/generate-schema/templates.server.js';
-import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.js';
-export const toSchema = (field, parentPath) => {
-    const { camel, snake } = getSchemaColumnNames({ name: field.raw.name, parentPath });
-    const suffix = templateUniqueRequired({ ...field.raw }, typeof field.raw.defaultValue === 'string' ? field.raw.defaultValue : '');
-    if (field._generateSchema)
-        return field._generateSchema({ camel, snake, suffix });
-    return `${camel}: text('${snake}')${suffix}`;
-};
 export const toType = (field) => {
-    const optionsJoinedType = field.raw.options.map((o) => `'${o.value}'`).join(' | ');
-    return `${field.raw.name}${field.raw.required ? '' : '?'}: ${optionsJoinedType}`;
+    const optionsJoinedType = field.get.options.map((o) => `'${o.value}'`).join(' | ');
+    return `${field.name}${field.get.required ? '' : '?'}: ${optionsJoinedType}`;
 };

package/dist/fields/component/index.d.ts

@@ -6,7 +6,7 @@ import type { WithOptional } from '../../util/types.js';
 import type { Component } from 'svelte';
 type TypedComponent = Component<{
     path: string;
-    config: ComponentField;
+    config: ComponentFieldBuilder;
     form: DocumentFormContext<WithOptional<GenericDoc, 'id'>>;
 }>;
 export declare const component: (component: TypedComponent) => ComponentFieldBuilder;

package/dist/fields/date/component/Date.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
+  import { fieldset } from '../../../panel/components/fields/fieldset.svelte.js';
   import { Field } from '../../../panel/components/fields/index.js';
-  import { root } from '../../../panel/components/fields/root.svelte.js';
   import { Button } from '../../../panel/components/ui/button/index.js';
   import { Calendar } from '../../../panel/components/ui/calendar/index.js';
   import * as Dialog from '../../../panel/components/ui/dialog/index.js';
@@ -8,9 +8,9 @@
   import { getLocaleContext } from '../../../panel/context/locale.svelte';
   import { CalendarDate, getLocalTimeZone, type DateValue } from '@internationalized/date';
   import { Calendar as CalendarIcon } from '@lucide/svelte';
-  import type { DateField } from '../index.js';
+  import type { DateFieldBuilder } from '../index.js';
 
-  type Props = { path: string; config: DateField; form: DocumentFormContext };
+  type Props = { path: string; config: DateFieldBuilder; form: DocumentFormContext };
 
   const { path, config, form }: Props = $props();
   const locale = getLocaleContext();
@@ -47,7 +47,7 @@
   const dateLabel = $derived(date ? locale.dateFormat(date) : 'Select a date');
 </script>
 
-<fieldset class="rz-date-field {config.className || ''}" use:root={field}>
+<fieldset class="rz-date-field {config.get.className || ''}" use:fieldset={field}>
   <Field.Label {config} for={path || config.name} />
 
   <Button

package/dist/fields/date/component/Date.svelte.d.ts

@@ -1,8 +1,8 @@
 import { type DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
-import type { DateField } from '../index.js';
+import type { DateFieldBuilder } from '../index.js';
 type Props = {
     path: string;
-    config: DateField;
+    config: DateFieldBuilder;
     form: DocumentFormContext;
 };
 declare const Date: import("svelte").Component<Props, {}, "">;

package/dist/fields/date/index.d.ts

@@ -1,3 +1,4 @@
+import type { DataType } from '../../core/fields/builders/form-field-builder.js';
 import { FormFieldBuilder } from '../../core/fields/builders/form-field-builder.js';
 import type { DefaultValueFn, FormField } from '../types.js';
 export declare const date: (name: string) => DateFieldBuilder;
@@ -6,13 +7,14 @@ export declare class DateFieldBuilder extends FormFieldBuilder<DateField> {
     constructor(name: string);
     get component(): import("svelte").Component<{
         path: string;
-        config: DateField;
+        config: DateFieldBuilder;
         form: import("../../panel").DocumentFormContext;
     }, {}, "">;
     get cell(): import("svelte").Component<{
         value: Date | undefined;
     }, {}, "">;
     defaultValue(value: Date | DefaultValueFn<Date>): this;
+    get dataType(): DataType;
     isTitle(): this;
 }
 /****************************************************/

package/dist/fields/date/index.js

@@ -24,6 +24,9 @@ export class DateFieldBuilder extends FormFieldBuilder {
         this.field.defaultValue = value;
         return this;
     }
+    get dataType() {
+        return 'timestamp';
+    }
     isTitle() {
         this.field.isTitle = true;
         return this;

package/dist/fields/date/index.server.d.ts

@@ -1,4 +1,3 @@
-import type { ToSchema, ToType } from '../index.server.js';
+import type { ToType } from '../index.server.js';
 import type { DateFieldBuilder } from './index.ts';
-export declare const toSchema: ToSchema<DateFieldBuilder>;
 export declare const toType: ToType<DateFieldBuilder>;

package/dist/fields/date/index.server.js

@@ -1,12 +1,3 @@
-import { templateUniqueRequired } from '../../adapter-sqlite/generate-schema/templates.server.js';
-import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.js';
-export const toSchema = (field, parentPath) => {
-    const { camel, snake } = getSchemaColumnNames({ name: field.raw.name, parentPath });
-    const suffix = templateUniqueRequired({ ...field.raw }, field.raw.defaultValue instanceof Date ? field.raw.defaultValue.getTime() : 0);
-    if (field._generateSchema)
-        return field._generateSchema({ camel, snake, suffix });
-    return `${camel}: integer('${snake}', { mode : 'timestamp_ms' })${suffix}`;
-};
 export const toType = (field) => {
-    return `${field.raw.name}${field.raw.required ? '' : '?'}: Date`;
+    return `${field.name}${field.get.required ? '' : '?'}: Date`;
 };

package/dist/fields/email/component/Email.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
+  import { fieldset } from '../../../panel/components/fields/fieldset.svelte.js';
   import { Field } from '../../../panel/components/fields/index.js';
-  import { root } from '../../../panel/components/fields/root.svelte.js';
   import { Input } from '../../../panel/components/ui/input/index.js';
-  import { capitalize } from '../../../util/string.js';
   import { Mail } from '@lucide/svelte';
   import type { EmailFieldProps } from './props';
 
@@ -23,9 +22,9 @@
 </script>
 
 <fieldset
-  data-compact={config.layout === 'compact' ? '' : null}
-  class="{config.className} rz-email-field"
-  use:root={field}
+  data-compact={config.get.layout === 'compact' ? '' : null}
+  class="{config.get.className} rz-email-field"
+  use:fieldset={field}
 >
   <Field.Label {config} for={path || config.name} />
   <div class="rz-email-field-wrapper">
@@ -34,7 +33,7 @@
       id={path || config.name}
       name={path || config.name}
       autocomplete="off"
-      placeholder={config.placeholder || capitalize(config.label || config.name)}
+      placeholder={config.get.placeholder || config.get.label}
       data-error={showError && field.error ? '' : null}
       value={field.value}
       onblur={onBlur}

package/dist/fields/email/component/props.d.ts

@@ -1,10 +1,9 @@
-import type { SimplerField } from '../../types.js';
 import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 import type { FormContext } from '../../../panel/context/form.svelte.js';
-import type { EmailField } from '../index.js';
+import type { EmailFieldBuilder } from '../index.js';
 export interface EmailFieldProps {
     path?: string;
-    config: SimplerField<EmailField>;
+    config: EmailFieldBuilder;
     type?: 'text' | 'password';
     form: DocumentFormContext | FormContext;
 }

package/dist/fields/email/index.d.ts

@@ -1,12 +1,14 @@
+import type { DataType } from '../../core/fields/builders/form-field-builder.js';
 import { FormFieldBuilder } from '../../core/fields/builders/form-field-builder.js';
 import type { DefaultValueFn, FormField } from '../types.js';
-declare class EmailFieldBuilder extends FormFieldBuilder<EmailField> {
+export declare class EmailFieldBuilder extends FormFieldBuilder<EmailField> {
     _metaUrl: string;
     constructor(name: string);
     layout(layout: 'compact' | 'default'): this;
     get component(): import("svelte").Component<import("./component/props").EmailFieldProps, {}, "">;
     unique(bool?: boolean): this;
     defaultValue(value: string | DefaultValueFn<string>): this;
+    get dataType(): DataType;
     isTitle(): this;
 }
 export declare const email: (name: string) => EmailFieldBuilder;
@@ -19,4 +21,3 @@ export type EmailField = FormField & {
     unique?: boolean;
     isTitle?: true;
 };
-export {};

package/dist/fields/email/index.js

@@ -1,8 +1,8 @@
 import { FormFieldBuilder } from '../../core/fields/builders/form-field-builder.js';
-import { sanitize } from '../../util/string';
+import { sanitize } from '../../util/string.js';
 import validate from '../../util/validate.js';
 import EmailComp from './component/Email.svelte';
-class EmailFieldBuilder extends FormFieldBuilder {
+export class EmailFieldBuilder extends FormFieldBuilder {
     //
     _metaUrl = import.meta.url;
     constructor(name) {
@@ -27,6 +27,9 @@ class EmailFieldBuilder extends FormFieldBuilder {
         this.field.defaultValue = value;
         return this;
     }
+    get dataType() {
+        return 'text';
+    }
     isTitle() {
         this.field.isTitle = true;
         return this;

package/dist/fields/email/index.server.d.ts

@@ -1,6 +1,3 @@
-import type { FormFieldBuilder } from '../../core/fields/builders/form-field-builder.js';
-import type { EmailField } from './index.js';
-export declare function toSchema(field: FormFieldBuilder<EmailField>, parentPath?: string): string;
 export declare function toType(args: {
     name: string;
     required: boolean;

package/dist/fields/email/index.server.js

@@ -1,12 +1,3 @@
-import { templateUniqueRequired } from '../../adapter-sqlite/generate-schema/templates.server.js';
-import { getSchemaColumnNames } from '../../adapter-sqlite/generate-schema/util.js';
-export function toSchema(field, parentPath) {
-    const { camel, snake } = getSchemaColumnNames({ name: field.name, parentPath });
-    const suffix = templateUniqueRequired({ unique: field.raw.unique, required: field.raw.required }, typeof field.raw.defaultValue === 'string' ? field.raw.defaultValue : '');
-    if (field._generateSchema)
-        return field._generateSchema({ camel, snake, suffix });
-    return `${camel}: text('${snake}')${suffix}`;
-}
 export function toType(args) {
     return `${args.name}${args.required ? '' : '?'}: string`;
 }

package/dist/fields/group/component/Group.svelte

@@ -2,7 +2,7 @@
   import { FormFieldBuilder } from '../../../core/fields/builders';
   import { isFormField } from '../../../core/fields/util.js';
   import type { GenericDoc } from '../../../core/types/doc.js';
-  import type { GroupField } from '../index.js';
+  import type { GroupFieldBuilder } from '../index.js';
   import { TabsBuilder } from '../../tabs';
   import FieldsPreview from '../../../panel/components/fields/FieldsPreview.svelte';
   import FieldsPreviewTrigger from '../../../panel/components/fields/FieldsPreviewTrigger.svelte';
@@ -14,15 +14,14 @@
 
   type Props = {
     path: string;
-    config: GroupField;
+    config: GroupFieldBuilder;
     form: DocumentFormContext<GenericDoc>;
   };
   const { config, path, form }: Props = $props();
 
   let groupOpen = $state(true);
   const key = $derived(
-    `group-${config.fields
-      .map((f) => f.raw)
+    `group-${config.get.fields
       .filter(isFormField)
       .map((f) => f.name)
       .join('-')}`
@@ -42,16 +41,11 @@
   const user = getUserContext() || undefined;
 
   const previewFields = $derived.by(() => {
-    return config.fields
+    return config.get.fields
       .filter((field) => !(field instanceof TabsBuilder))
       .filter((field) => field instanceof FormFieldBuilder)
-      .filter((field) => !form.isLive || (form.isLive && field.raw.live))
-      .filter((field) => {
-        if (field.raw.access && field.raw.access.read) {
-          return field.raw.access.read(user.attributes, { id: form.values.id });
-        }
-        return true;
-      });
+      .filter((field) => !form.isLive || (form.isLive && field.get.live))
+      .filter((field) => field.run.canRead(user.attributes, { id: form.values.id }));
   });
 
   const basePath = $derived(path ? `${path}.` : '');
@@ -71,7 +65,7 @@
       {:else}
         <FolderClosed size="12" />
       {/if}
-      {config.label || config.name || 'Group'}
+      {config.get.label || config.name || 'Group'}
     </span>
     <ChevronDown size="14" />
   </button>
@@ -79,14 +73,14 @@
   {#if !groupOpen}
     <FieldsPreviewTrigger onclick={handleClick}>
       <FieldsPreview
-        preview={config.preview}
+        preview={config.get.preview}
         fields={previewFields}
         getField={(field) => form.useField(basePath + field.name)}
       />
     </FieldsPreviewTrigger>
   {:else}
     <div class="rz-group-field__content">
-      <RenderFields {path} fields={config.fields} {form} />
+      <RenderFields {path} fields={config.get.fields} {form} />
     </div>
   {/if}
 </div>

package/dist/fields/group/component/Group.svelte.d.ts

@@ -1,9 +1,9 @@
 import type { GenericDoc } from '../../../core/types/doc.js';
-import type { GroupField } from '../index.js';
+import type { GroupFieldBuilder } from '../index.js';
 import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
 type Props = {
     path: string;
-    config: GroupField;
+    config: GroupFieldBuilder;
     form: DocumentFormContext<GenericDoc>;
 };
 declare const Group: import("svelte").Component<Props, {}, "">;

package/dist/fields/group/index.d.ts

@@ -7,7 +7,7 @@ export declare class GroupFieldBuilder extends FormFieldBuilder<GroupField> {
     constructor(name: string);
     get component(): Component<{
         path: string;
-        config: GroupField;
+        config: GroupFieldBuilder;
         form: import("../../panel").DocumentFormContext<import("../../types").GenericDoc>;
     }, {}, "">;
     label(label: string): this;
@@ -16,6 +16,7 @@ export declare class GroupFieldBuilder extends FormFieldBuilder<GroupField> {
     preview(component: Component<FieldsPreviewProps>): this;
     compile(): {
         fields: ({
+            name: string;
             type: string;
             live?: boolean | undefined;
             condition?: ((doc: any, siblings: any) => boolean) | undefined;
@@ -34,6 +35,7 @@ export declare class GroupFieldBuilder extends FormFieldBuilder<GroupField> {
                 value: any;
             }> | null;
         })[];
+        name: string;
         type: "group";
         live?: boolean;
         condition?: (doc: any, siblings: any) => boolean;
@@ -46,7 +48,6 @@ export declare class GroupFieldBuilder extends FormFieldBuilder<GroupField> {
             read: import("../types.js").FieldAccess;
             update: import("../types.js").FieldAccess;
         };
-        name: string;
         hidden?: boolean;
         validate?: import("../types.js").FieldValidationFunc<any>;
         required?: boolean;
@@ -62,6 +63,7 @@ export declare class GroupFieldBuilder extends FormFieldBuilder<GroupField> {
         };
         defaultValue?: import("../types.js").DefaultValueFn<any> | unknown;
         isEmpty: (value: unknown) => boolean;
+        _root?: boolean;
         preview?: Component<FieldsPreviewProps>;
     };
 }