@k3-universe/react-kit 0.0.14 → 0.0.15

package/dist/kit/builder/form/components/FormBuilder.d.ts

@@ -1,4 +1,4 @@
 import { FieldValues } from 'react-hook-form';
 import { FormBuilderProps } from '../types';
-export declare function FormBuilder<TFieldValues extends FieldValues = FieldValues>({ sections, schema, defaultValues, onSubmit, onCancel, onReset, onFieldChange, submitLabel, cancelLabel, resetLabel, isSubmitting, className, formClassName, actionsClassName, showActions, customActions, showActionsSeparator, }: FormBuilderProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+export declare function FormBuilder<TFieldValues extends FieldValues = FieldValues>({ sections, schema, defaultValues, onSubmit, onCancel, onReset, onFieldChange, submitLabel, cancelLabel, resetLabel, isSubmitting, className, formClassName, actionsClassName, showActions, customActions, showActionsSeparator, form, }: FormBuilderProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormBuilder.d.ts.map

package/dist/kit/builder/form/components/FormBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormBuilder.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormBuilder.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,WAAW,EAAa,MAAM,iBAAiB,CAAC;AAQjF,OAAO,KAAK,EACV,gBAAgB,EAGjB,MAAM,UAAU,CAAC;AAElB,wBAAgB,WAAW,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EAAE,EAC1E,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,WAAsB,EACtB,WAAsB,EACtB,UAAoB,EACpB,YAAoB,EACpB,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,WAAkB,EAClB,aAAa,EACb,oBAA2B,GAC5B,EAAE,gBAAgB,CAAC,YAAY,CAAC,2CAolBhC"}
+{"version":3,"file":"FormBuilder.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormBuilder.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,WAAW,EAAa,MAAM,iBAAiB,CAAC;AAQjF,OAAO,KAAK,EACV,gBAAgB,EAGjB,MAAM,UAAU,CAAC;AAElB,wBAAgB,WAAW,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EAAE,EAC1E,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,WAAsB,EACtB,WAAsB,EACtB,UAAoB,EACpB,YAAoB,EACpB,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,WAAkB,EAClB,aAAa,EACb,oBAA2B,EAC3B,IAAI,GACL,EAAE,gBAAgB,CAAC,YAAY,CAAC,2CAqhBhC"}

package/dist/kit/builder/form/components/FormBuilderContext.d.ts

@@ -0,0 +1,18 @@
+import { Control, FieldValues, Path, UseFormGetValues, UseFormSetValue } from 'react-hook-form';
+import { FormBuilderFieldConfig } from '../types';
+interface DependencyState {
+    disabled?: boolean;
+    hidden?: boolean;
+}
+export interface FormBuilderContextValue<TFieldValues extends FieldValues = FieldValues> {
+    control: Control<TFieldValues>;
+    getValues: UseFormGetValues<TFieldValues>;
+    setValue: UseFormSetValue<TFieldValues>;
+    onFieldChange?: (name: Path<TFieldValues> | string, value: unknown, allValues: TFieldValues) => void;
+    handleFieldDependencies: (field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>) => DependencyState;
+    handleFieldChange: (field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>, value: unknown, ...extras: unknown[]) => void;
+}
+declare const FormBuilderContext: import('react').Context<FormBuilderContextValue<FieldValues> | null>;
+export declare function useFormBuilderContext<TFieldValues extends FieldValues = FieldValues>(): FormBuilderContextValue<TFieldValues>;
+export { FormBuilderContext };
+//# sourceMappingURL=FormBuilderContext.d.ts.map

package/dist/kit/builder/form/components/FormBuilderContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBuilderContext.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormBuilderContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,OAAO,EACP,WAAW,EACX,IAAI,EACJ,gBAAgB,EAChB,eAAe,EAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEvD,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW;IACrF,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,SAAS,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC1C,QAAQ,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,MAAM,EACjC,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,YAAY,KACpB,IAAI,CAAC;IACV,uBAAuB,EAAE,CACvB,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,KACrE,eAAe,CAAC;IACrB,iBAAiB,EAAE,CACjB,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,EACxE,KAAK,EAAE,OAAO,EACd,GAAG,MAAM,EAAE,OAAO,EAAE,KACjB,IAAI,CAAC;CACX;AAED,QAAA,MAAM,kBAAkB,sEAAmE,CAAC;AAE5F,wBAAgB,qBAAqB,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,2CAMnF;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/kit/builder/form/components/sectionNodes.d.ts

@@ -0,0 +1,17 @@
+import { FieldValues, Path, Control, UseFormGetValues } from 'react-hook-form';
+import { SectionNode } from '../../section/types';
+import { FormBuilderFieldConfig, FormBuilderSectionConfig } from '../types';
+interface BuildSectionNodesOptions<TFieldValues extends FieldValues> {
+    sections: Array<FormBuilderSectionConfig<TFieldValues>>;
+    control: Control<TFieldValues>;
+    handleFieldDependencies: (field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>) => {
+        disabled?: boolean;
+        hidden?: boolean;
+    } | Record<string, never>;
+    handleFieldChange: (field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>, value: unknown, ...extras: unknown[]) => void;
+    onFieldChange?: (name: Path<TFieldValues> | string, value: unknown, allValues: TFieldValues) => void;
+    getValues: UseFormGetValues<TFieldValues>;
+}
+export declare function buildSectionNodes<TFieldValues extends FieldValues>(options: BuildSectionNodesOptions<TFieldValues>): SectionNode[];
+export {};
+//# sourceMappingURL=sectionNodes.d.ts.map

package/dist/kit/builder/form/components/sectionNodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sectionNodes.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/sectionNodes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACnF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAEhF,UAAU,wBAAwB,CAAC,YAAY,SAAS,WAAW;IACjE,QAAQ,EAAE,KAAK,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC,CAAA;IACvD,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAC9B,uBAAuB,EAAE,CACvB,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,KACrE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IACrE,iBAAiB,EAAE,CACjB,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,EACxE,KAAK,EAAE,OAAO,EACd,GAAG,MAAM,EAAE,OAAO,EAAE,KACjB,IAAI,CAAA;IACT,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,MAAM,EACjC,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,YAAY,KACpB,IAAI,CAAA;IACT,SAAS,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;CAC1C;AAED,wBAAgB,iBAAiB,CAAC,YAAY,SAAS,WAAW,EAChE,OAAO,EAAE,wBAAwB,CAAC,YAAY,CAAC,GAC9C,WAAW,EAAE,CAyFf"}

package/dist/kit/builder/form/types.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-import { Control, DeepPartial, FieldValues, Path, UseFormGetValues, UseFormSetValue, DefaultValues } from 'react-hook-form';
+import { Control, DeepPartial, FieldValues, Path, UseFormGetValues, UseFormReturn, UseFormSetValue, DefaultValues } from 'react-hook-form';
 import { z } from 'zod';
 import { Accept } from 'react-dropzone';
-import { SectionFlexOptions, SectionGridOptions, SectionLayout, SectionNode } from '../section/types';
+import { SectionFlexOptions, SectionGridOptions, SectionLayout } from '../section/types';
 import { AutocompleteFetcher, AutocompleteOption } from '../../components/autocomplete/types';
 import { FileRecord, FileUploaderLayout } from '../../components/fileuploader/types';
 export type FieldType = 'text' | 'email' | 'password' | 'number' | 'textarea' | 'select' | 'autocomplete' | 'checkbox' | 'switch' | 'radio' | 'date' | 'date_picker' | 'date_range' | 'month' | 'month_range' | 'time' | 'time_range' | 'date_time' | 'date_time_range' | 'file' | 'object' | 'array';
@@ -170,6 +170,7 @@ export interface FormBuilderProps<TFieldValues extends FieldValues = FieldValues
     showActions?: boolean;
     customActions?: React.ReactNode;
     showActionsSeparator?: boolean;
+    form?: UseFormReturn<TFieldValues>;
 }
-export type { SectionNode };
+export type { SectionNode } from '../section/types';
 //# sourceMappingURL=types.d.ts.map

package/dist/kit/builder/form/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/form/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/form/types.ts"],"names":[],"mappings":"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"}

package/dist/kit/themes/clean-slate.css

@@ -1900,7 +1900,7 @@
     border-color: var(--color-blue-200);
   }
 
-  .border-border\/40 {
+  .border-border, .border-border\/40 {
     border-color: var(--border);
   }
 
@@ -4808,8 +4808,8 @@
   }
 
   @media (prefers-color-scheme: dark) {
-    .dark\:border-input {
-      border-color: var(--input);
+    .dark\:border-border {
+      border-color: var(--border);
     }
 
     .dark\:bg-destructive\/60 {

package/dist/kit/themes/default.css

@@ -1903,7 +1903,7 @@
     border-color: var(--color-blue-200);
   }
 
-  .border-border\/40 {
+  .border-border, .border-border\/40 {
     border-color: var(--border);
   }
 
@@ -4815,8 +4815,8 @@
   }
 
   @media (prefers-color-scheme: dark) {
-    .dark\:border-input {
-      border-color: var(--input);
+    .dark\:border-border {
+      border-color: var(--border);
     }
 
     .dark\:bg-destructive\/60 {
@@ -5468,7 +5468,7 @@
   --destructive: oklch(63.68% .2078 25.3313);
   --destructive-foreground: oklch(100% 0 0);
   --border: oklch(91.97% .004 286.32);
-  --input: oklch(91.97% .004 286.32);
+  --input: oklch(100% 0 0);
   --ring: oklch(52.34% .1347 144.167);
   --chart-1: oklch(52.34% .1347 144.167);
   --chart-2: oklch(67.31% .1624 144.208);

package/dist/kit/themes/minimal-modern.css

@@ -1900,7 +1900,7 @@
     border-color: var(--color-blue-200);
   }
 
-  .border-border\/40 {
+  .border-border, .border-border\/40 {
     border-color: var(--border);
   }
 
@@ -4808,8 +4808,8 @@
   }
 
   @media (prefers-color-scheme: dark) {
-    .dark\:border-input {
-      border-color: var(--input);
+    .dark\:border-border {
+      border-color: var(--border);
     }
 
     .dark\:bg-destructive\/60 {

package/dist/kit/themes/spotify.css

@@ -1900,7 +1900,7 @@
     border-color: var(--color-blue-200);
   }
 
-  .border-border\/40 {
+  .border-border, .border-border\/40 {
     border-color: var(--border);
   }
 
@@ -4808,8 +4808,8 @@
   }
 
   @media (prefers-color-scheme: dark) {
-    .dark\:border-input {
-      border-color: var(--input);
+    .dark\:border-border {
+      border-color: var(--border);
     }
 
     .dark\:bg-destructive\/60 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k3-universe/react-kit",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/kit/builder/form/components/FormBuilder.tsx

@@ -4,9 +4,9 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
 import { cn } from '../../../../shadcn/lib/utils';
 import { Button } from '../../../../shadcn/ui/button';
-import { FormBuilderField } from './FormBuilderField';
 import SectionBuilder from '../../section/SectionBuilder';
-import type { SectionNode } from '../../section/types';
+import { buildSectionNodes } from './sectionNodes';
+import { FormBuilderContext, type FormBuilderContextValue } from './FormBuilderContext';
 import type {
   FormBuilderProps,
   FormBuilderFieldConfig,
@@ -31,6 +31,7 @@ export function FormBuilder<TFieldValues extends FieldValues = FieldValues>({
   showActions = true,
   customActions,
   showActionsSeparator = true,
+  form,
 }: FormBuilderProps<TFieldValues>) {
   // Generate schema from field configs if not provided
   const generatedSchema = useMemo(() => {
@@ -335,14 +336,16 @@ export function FormBuilder<TFieldValues extends FieldValues = FieldValues>({
     return values;
   }, [sections, defaultValues]);
 
-  const form = useForm<TFieldValues>({
+  const internalForm = useForm<TFieldValues>({
     // Dynamic schema shape: cast to any to satisfy resolver generics
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     resolver: zodResolver(generatedSchema as any) as unknown as import('react-hook-form').Resolver<TFieldValues, any, TFieldValues>,
     defaultValues: generatedDefaultValues as unknown as import('react-hook-form').DefaultValues<TFieldValues>,
   });
 
-  const { control, handleSubmit, reset, setValue, getValues } = form;
+  const activeForm = form ?? internalForm;
+
+  const { control, handleSubmit, reset, setValue, getValues } = activeForm;
 
   // Determine dependency fields to watch
   const dependencyFields = useMemo(() => {
@@ -482,149 +485,84 @@ export function FormBuilder<TFieldValues extends FieldValues = FieldValues>({
   }, [reset, generatedDefaultValues, onReset]);
 
   // Build SectionBuilder nodes from form sections/fields
-  const sectionNodes: SectionNode[] = useMemo(() => {
-    const buildLeavesFromFields = (fields?: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>[]): SectionNode['children'] =>
-      (fields ?? [])
-        .map((field) => {
-          const fieldState = handleFieldDependencies(field);
-          if (field.hidden || fieldState.hidden) return null;
-
-          const spanMd = Math.max(1, Math.min(12, field.gridCols ?? 1));
-
-          return {
-            key: field.name,
-            span: { base: 1, md: spanMd },
-            className: field.wrapperClassName,
-            hidden: field.hidden,
-            content: (
-              <FormBuilderField
-                key={field.name}
-                field={{
-                  ...field,
-                  disabled: field.disabled || fieldState.disabled,
-                }}
-                control={control}
-                onChange={(value, ...extras) => {
-                  handleFieldChange(field, value, ...extras);
-                  onFieldChange?.(field.name as unknown as string, value, getValues());
-                }}
-                onFieldChange={onFieldChange}
-              />
-            ),
-          };
-        })
-        .filter(Boolean) as SectionNode['children'];
-
-    const buildSectionNode = (
-      section: FormBuilderSectionConfig<TFieldValues>,
-      sectionIndex: number,
-    ): SectionNode => {
-      const baseNode: SectionNode = {
-        id: section.id ?? `section-${sectionIndex}`,
-        title: section.title,
-        subtitle: section.description,
-        variant: section.variant ?? 'plain',
-        className: section.className,
-        layout: section.layout ?? (section.tabs && section.tabs.length > 0 ? 'tabs' : 'grid'),
-        grid: section.grid ?? { cols: 1, mdCols: 2, gap: 'gap-4' },
-        flex: section.flex,
-        hidden: section.hidden,
-      };
-
-      // Tabs layout
-      if (baseNode.layout === 'tabs' && section.tabs && section.tabs.length > 0) {
-        baseNode.defaultTabId = section.defaultTabId ?? section.tabs[0]?.id;
-        baseNode.tabsListClassName = section.tabsListClassName;
-        baseNode.tabsContentClassName = section.tabsContentClassName;
-        baseNode.tabs = section.tabs.map((tab, _tabIdx) => {
-          // Each tab can contain multiple sub-sections; wrap them under a container node
-          const nestedNodes = tab.sections.map((subSection, subIdx) => buildSectionNode(subSection, subIdx));
-          const containerNode: SectionNode = {
-            id: `${baseNode.id}-tab-${tab.id}`,
-            title: undefined,
-            subtitle: undefined,
-            variant: 'plain',
-            layout: 'grid',
-            grid: section.grid ?? { cols: 1, mdCols: 2, gap: 'gap-4' },
-            children: nestedNodes,
-          } as SectionNode;
-          return {
-            id: tab.id,
-            label: tab.label,
-            className: tab.className,
-            contentClassName: tab.contentClassName,
-            node: containerNode,
-          };
-        });
-        return baseNode;
-      }
-
-      // Regular non-tab section with direct fields
-      baseNode.children = buildLeavesFromFields(section.fields);
-      return baseNode;
-    };
+  const sectionNodes = useMemo(
+    () =>
+      buildSectionNodes({
+        sections,
+        control,
+        handleFieldDependencies,
+        handleFieldChange,
+        onFieldChange,
+        getValues,
+      }),
+    [sections, control, handleFieldDependencies, handleFieldChange, onFieldChange, getValues],
+  );
 
-    return sections.map((section, sectionIndex) => buildSectionNode(section, sectionIndex));
-  }, [
-    sections,
-    control,
-    handleFieldDependencies,
-    handleFieldChange,
-    onFieldChange,
-    getValues,
-  ]);
+  const contextValue = useMemo(
+    () => ({
+      control,
+      getValues,
+      setValue,
+      onFieldChange,
+      handleFieldDependencies,
+      handleFieldChange,
+    }) satisfies FormBuilderContextValue<TFieldValues>,
+    [control, getValues, setValue, onFieldChange, handleFieldDependencies, handleFieldChange],
+  );
 
   return (
-    <div className={cn('space-y-6', className)}>
-      <form
-        onSubmit={handleSubmit(handleFormSubmit)}
-        className={cn('space-y-6', formClassName)}
-      >
-        <SectionBuilder sections={sectionNodes} />
-
-        {showActions && (
-          <div
-            className={cn(
-              'flex flex-col sm:flex-row gap-3',
-              showActionsSeparator && 'pt-6',
-              showActionsSeparator && 'border-t',
-              actionsClassName
-            )}
-          >
-            <Button
-              type="submit"
-              disabled={isSubmitting}
-              className="sm:order-last"
+    <FormBuilderContext.Provider value={contextValue as unknown as FormBuilderContextValue<FieldValues>}>
+      <div className={cn('space-y-6', className)}>
+        <form
+          onSubmit={handleSubmit(handleFormSubmit)}
+          className={cn('space-y-6', formClassName)}
+        >
+          <SectionBuilder sections={sectionNodes} />
+
+          {showActions && (
+            <div
+              className={cn(
+                'flex flex-col sm:flex-row gap-3',
+                showActionsSeparator && 'pt-6',
+                showActionsSeparator && 'border-t',
+                actionsClassName
+              )}
             >
-              {isSubmitting ? 'Submitting...' : submitLabel}
-            </Button>
-
-            {onCancel && (
-              <Button
-                type="button"
-                variant="outline"
-                onClick={onCancel}
-                disabled={isSubmitting}
-              >
-                {cancelLabel}
-              </Button>
-            )}
-
-            {onReset && (
               <Button
-                type="button"
-                variant="outline"
-                onClick={handleReset}
+                type="submit"
                 disabled={isSubmitting}
+                className="sm:order-last"
               >
-                {resetLabel}
+                {isSubmitting ? 'Submitting...' : submitLabel}
               </Button>
-            )}
 
-            {customActions}
-          </div>
-        )}
-      </form>
-    </div>
+              {onCancel && (
+                <Button
+                  type="button"
+                  variant="outline"
+                  onClick={onCancel}
+                  disabled={isSubmitting}
+                >
+                  {cancelLabel}
+                </Button>
+              )}
+
+              {onReset && (
+                <Button
+                  type="button"
+                  variant="outline"
+                  onClick={handleReset}
+                  disabled={isSubmitting}
+                >
+                  {resetLabel}
+                </Button>
+              )}
+
+              {customActions}
+            </div>
+          )}
+        </form>
+      </div>
+    </FormBuilderContext.Provider>
   );
 }

package/src/kit/builder/form/components/FormBuilderContext.tsx

@@ -0,0 +1,45 @@
+import { createContext, useContext } from 'react';
+import type {
+  Control,
+  FieldValues,
+  Path,
+  UseFormGetValues,
+  UseFormSetValue,
+} from 'react-hook-form';
+import type { FormBuilderFieldConfig } from '../types';
+
+interface DependencyState {
+  disabled?: boolean;
+  hidden?: boolean;
+}
+
+export interface FormBuilderContextValue<TFieldValues extends FieldValues = FieldValues> {
+  control: Control<TFieldValues>;
+  getValues: UseFormGetValues<TFieldValues>;
+  setValue: UseFormSetValue<TFieldValues>;
+  onFieldChange?: (
+    name: Path<TFieldValues> | string,
+    value: unknown,
+    allValues: TFieldValues
+  ) => void;
+  handleFieldDependencies: (
+    field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>
+  ) => DependencyState;
+  handleFieldChange: (
+    field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>,
+    value: unknown,
+    ...extras: unknown[]
+  ) => void;
+}
+
+const FormBuilderContext = createContext<FormBuilderContextValue<FieldValues> | null>(null);
+
+export function useFormBuilderContext<TFieldValues extends FieldValues = FieldValues>() {
+  const value = useContext(FormBuilderContext) as FormBuilderContextValue<TFieldValues> | null;
+  if (!value) {
+    throw new Error('FormBuilderGroup must be used within a FormBuilder.');
+  }
+  return value;
+}
+
+export { FormBuilderContext };

package/src/kit/builder/form/components/sectionNodes.tsx

@@ -0,0 +1,116 @@
+import type { FieldValues, Path, Control, UseFormGetValues } from 'react-hook-form'
+import type { SectionNode } from '../../section/types'
+import { FormBuilderField } from './FormBuilderField'
+import type { FormBuilderFieldConfig, FormBuilderSectionConfig } from '../types'
+
+interface BuildSectionNodesOptions<TFieldValues extends FieldValues> {
+  sections: Array<FormBuilderSectionConfig<TFieldValues>>
+  control: Control<TFieldValues>
+  handleFieldDependencies: (
+    field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>
+  ) => { disabled?: boolean; hidden?: boolean } | Record<string, never>
+  handleFieldChange: (
+    field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>,
+    value: unknown,
+    ...extras: unknown[]
+  ) => void
+  onFieldChange?: (
+    name: Path<TFieldValues> | string,
+    value: unknown,
+    allValues: TFieldValues
+  ) => void
+  getValues: UseFormGetValues<TFieldValues>
+}
+
+export function buildSectionNodes<TFieldValues extends FieldValues>(
+  options: BuildSectionNodesOptions<TFieldValues>
+): SectionNode[] {
+  const {
+    sections,
+    control,
+    handleFieldDependencies,
+    handleFieldChange,
+    onFieldChange,
+    getValues,
+  } = options
+
+  const buildLeavesFromFields = (
+    fields?: Array<FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>>
+  ): SectionNode['children'] =>
+    (fields ?? [])
+      .map((field) => {
+        const fieldState = handleFieldDependencies(field)
+        if (field.hidden || fieldState.hidden) return null
+
+        const spanMd = Math.max(1, Math.min(12, field.gridCols ?? 1))
+
+        return {
+          key: field.name,
+          span: { base: 1, md: spanMd },
+          className: field.wrapperClassName,
+          hidden: field.hidden,
+          content: (
+            <FormBuilderField
+              key={field.name}
+              field={{
+                ...field,
+                disabled: field.disabled || fieldState.disabled,
+              }}
+              control={control}
+              onChange={(value, ...extras) => {
+                handleFieldChange(field, value, ...extras)
+                onFieldChange?.(field.name as Path<TFieldValues> | string, value, getValues())
+              }}
+              onFieldChange={onFieldChange}
+            />
+          ),
+        }
+      })
+      .filter(Boolean) as SectionNode['children']
+
+  const buildSectionNode = (
+    section: FormBuilderSectionConfig<TFieldValues>,
+    sectionIndex: number,
+  ): SectionNode => {
+    const baseNode: SectionNode = {
+      id: section.id ?? `section-${sectionIndex}`,
+      title: section.title,
+      subtitle: section.description,
+      variant: section.variant ?? 'plain',
+      className: section.className,
+      layout: section.layout ?? (section.tabs && section.tabs.length > 0 ? 'tabs' : 'grid'),
+      grid: section.grid ?? { cols: 1, mdCols: 2, gap: 'gap-4' },
+      flex: section.flex,
+      hidden: section.hidden,
+    }
+
+    if (baseNode.layout === 'tabs' && section.tabs && section.tabs.length > 0) {
+      baseNode.defaultTabId = section.defaultTabId ?? section.tabs[0]?.id
+      baseNode.tabsListClassName = section.tabsListClassName
+      baseNode.tabsContentClassName = section.tabsContentClassName
+      baseNode.tabs = section.tabs.map((tab, _tabIdx) => {
+        const nestedNodes = tab.sections.map((subSection, subIdx) => buildSectionNode(subSection, subIdx))
+        const containerNode: SectionNode = {
+          id: `${baseNode.id}-tab-${tab.id}`,
+          variant: 'plain',
+          layout: 'grid',
+          grid: section.grid ?? { cols: 1, mdCols: 2, gap: 'gap-4' },
+          children: nestedNodes,
+        }
+        return {
+          id: tab.id,
+          label: tab.label,
+          className: tab.className,
+          contentClassName: tab.contentClassName,
+          node: containerNode,
+        }
+      })
+      return baseNode
+    }
+
+    baseNode.children = buildLeavesFromFields(section.fields)
+    return baseNode
+  }
+
+  return sections.map((section, sectionIndex) => buildSectionNode(section, sectionIndex))
+}