@opensaas/stack-ui 0.20.1 → 0.22.0

package/.turbo/turbo-build.log

@@ -1,11 +1,11 @@
 
-> @opensaas/stack-ui@0.20.1 build /home/runner/work/stack/stack/packages/ui
+> @opensaas/stack-ui@0.22.0 build /home/runner/work/stack/stack/packages/ui
 > tsc && npm run build:css
 
-npm warn Unknown env config "verify-deps-before-run". This will stop working in the next major version of npm.
-npm warn Unknown env config "npm-globalconfig". This will stop working in the next major version of npm.
-npm warn Unknown env config "_jsr-registry". This will stop working in the next major version of npm.
+npm warn Unknown env config "verify-deps-before-run". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
+npm warn Unknown env config "npm-globalconfig". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
+npm warn Unknown env config "_jsr-registry". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
 
-> @opensaas/stack-ui@0.20.1 build:css
+> @opensaas/stack-ui@0.22.0 build:css
 > mkdir -p dist/styles && postcss ./src/styles/globals.css -o ./dist/styles/globals.css
 

package/CHANGELOG.md

@@ -1,5 +1,64 @@
 # @opensaas/stack-ui
 
+## 0.22.0
+
+## 0.21.0
+
+### Minor Changes
+
+- [#417](https://github.com/OpenSaasAU/stack/pull/417) [`ed1c9f5`](https://github.com/OpenSaasAU/stack/commit/ed1c9f532b77ef59d7a845731e6a6116904a859e) Thanks [@borisno2](https://github.com/borisno2)! - Unify the item-form logic behind a shared `useItemForm` engine
+
+  The AdminUI form (`ItemFormClient`) and the standalone `ItemCreateForm`/
+  `ItemEditForm` each carried their own near-identical copy of the form state,
+  the relationship-to-`connect` submit transform, the clear-error-on-change
+  behaviour, and the error/pending handling. That logic now lives once in a
+  `useItemForm` hook (with pure, exported `transformItemFormData`,
+  `transformInitialData`, and `getEditableFields` helpers); each form supplies
+  only an `onSubmit` adapter and renders the returned state.
+
+  Behaviour is unified to the superset: every form now applies the relationship
+  transform, the password `{ isSet }` skip for unchanged passwords, and
+  system-field filtering. The transform logic is covered by unit tests for the
+  first time.
+
+  No public API change — `ItemCreateForm`, `ItemEditForm`, and the AdminUI form
+  keep their existing props.
+
+- [#415](https://github.com/OpenSaasAU/stack/pull/415) [`8980ff3`](https://github.com/OpenSaasAU/stack/commit/8980ff36ffb0879d8f4409740493dd940572cc9d) Thanks [@borisno2](https://github.com/borisno2)! - Curate the `@opensaas/stack-core` public surface into clearly-scoped entry points
+
+  The root entry point now exposes only the everyday consumer surface — `config`,
+  `list`, `getContext`, the naming helpers (`getDbKey`, `getUrlKey`,
+  `getListKeyFromUrl`), `ValidationError`, and the config/access types you annotate
+  with. Plugin and field authoring contracts move to a new `/extend` path, and the
+  plumbing shared with sibling packages and generated code moves to `/internal`.
+
+  ```typescript
+  // Everyday usage (unchanged)
+  import { config, list, getContext } from '@opensaas/stack-core'
+
+  // Authoring a plugin or a third-party field package
+  import type { Plugin, BaseFieldConfig, TypeInfo } from '@opensaas/stack-core/extend'
+  ```
+
+  `@opensaas/stack-core/internal` carries no semver guarantees; application code
+  should never import from it. `Session` stays on the root entry point because it is
+  the module-augmentation target.
+
+  Removed from the public surface (zero callers): the nine `*HookArgs` types and the
+  callerless typed-query runtime types. The other `@opensaas/*` packages and the CLI
+  generator are updated to import from the new paths.
+
+### Patch Changes
+
+- [#412](https://github.com/OpenSaasAU/stack/pull/412) [`9696f98`](https://github.com/OpenSaasAU/stack/commit/9696f9800284f94e21e14c31a716de4b48d736e5) Thanks [@borisno2](https://github.com/borisno2)! - Refactor `FieldRenderer` to use data-presence checks instead of `fieldConfig.type` comparisons
+
+  `FieldRenderer` no longer checks `fieldConfig.type` to decide which props to pass to field
+  components. Field-specific UI props (select options, relationship items/key/many) are now derived
+  from the serialised field config using data-presence checks (`fieldConfig.options`, `fieldConfig.ref`)
+  — the same self-contained pattern used for Prisma and TypeScript generation.
+
+  **For users:** no changes required. Field rendering behaviour is unchanged.
+
 ## 0.20.1
 
 ## 0.20.0

package/dist/components/ItemFormClient.d.ts

@@ -15,8 +15,11 @@ export interface ItemFormClientProps {
     }>>;
 }
 /**
- * Client component for interactive form
- * Handles form state, validation, and submission
+ * Client component for the AdminUI item form.
+ *
+ * Shares the form state/transform/error/pending logic with the standalone
+ * forms via `useItemForm`; this component only adapts submission to the
+ * AdminUI server action + router navigation, and adds the delete flow.
  */
 export declare function ItemFormClient({ listKey, urlKey, mode, fields, initialData, itemId, basePath, serverAction, relationshipData, }: ItemFormClientProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ItemFormClient.d.ts.map

package/dist/components/ItemFormClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemFormClient.d.ts","sourceRoot":"","sources":["../../src/components/ItemFormClient.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAA;AAE7E,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAA;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAA;CACxE;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,IAAI,EACJ,MAAM,EACN,WAAgB,EAChB,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,gBAAqB,GACtB,EAAE,mBAAmB,2CA8NrB"}
+{"version":3,"file":"ItemFormClient.d.ts","sourceRoot":"","sources":["../../src/components/ItemFormClient.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAA;AAG7E,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAA;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAA;CACxE;AAoBD;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,IAAI,EACJ,MAAM,EACN,WAAgB,EAChB,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,gBAAqB,GACtB,EAAE,mBAAmB,2CAkIrB"}

package/dist/components/ItemFormClient.js

@@ -6,142 +6,69 @@ import { FieldRenderer } from './fields/FieldRenderer.js';
 import { ConfirmDialog } from './ConfirmDialog.js';
 import { LoadingSpinner } from './LoadingSpinner.js';
 import { Button } from '../primitives/button.js';
+import { useItemForm } from '../lib/useItemForm.js';
 /**
- * Client component for interactive form
- * Handles form state, validation, and submission
+ * Normalise a server action's response into the form engine's result shape.
+ * Supports both the `{ success, error, fieldErrors }` envelope and the legacy
+ * "truthy data = success, null = access denied" convention.
+ */
+function toSubmitResult(result, deniedMessage) {
+    if (result && typeof result === 'object' && 'success' in result) {
+        const r = result;
+        return r.success
+            ? { success: true }
+            : { success: false, error: r.error, fieldErrors: r.fieldErrors };
+    }
+    if (result)
+        return { success: true };
+    return { success: false, error: deniedMessage };
+}
+/**
+ * Client component for the AdminUI item form.
+ *
+ * Shares the form state/transform/error/pending logic with the standalone
+ * forms via `useItemForm`; this component only adapts submission to the
+ * AdminUI server action + router navigation, and adds the delete flow.
  */
 export function ItemFormClient({ listKey, urlKey, mode, fields, initialData = {}, itemId, basePath, serverAction, relationshipData = {}, }) {
     const router = useRouter();
-    const [isPending, startTransition] = useTransition();
-    const [formData, setFormData] = useState(initialData);
-    const [errors, setErrors] = useState({});
-    const [generalError, setGeneralError] = useState(null);
     const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
-    const handleFieldChange = (fieldName, value) => {
-        setFormData((prev) => ({ ...prev, [fieldName]: value }));
-        // Clear error for this field when user starts typing
-        if (errors[fieldName]) {
-            setErrors((prev) => {
-                const newErrors = { ...prev };
-                delete newErrors[fieldName];
-                return newErrors;
-            });
-        }
-    };
-    const handleSubmit = async (e) => {
-        e.preventDefault();
-        setErrors({});
-        setGeneralError(null);
-        startTransition(async () => {
-            // Transform relationship fields to Prisma format
-            // Filter out password fields with isSet objects (unchanged passwords)
-            // File/Image fields: pass File objects through (Next.js will serialize them)
-            const transformedData = {};
-            for (const [fieldName, value] of Object.entries(formData)) {
-                const fieldConfig = fields[fieldName];
-                // Skip password fields that have { isSet: boolean } value (not being changed)
-                if (typeof value === 'object' && value !== null && 'isSet' in value) {
-                    continue;
-                }
-                // Transform relationship fields - check discriminated union type
-                const fieldAny = fieldConfig;
-                if (fieldAny?.type === 'relationship') {
-                    if (fieldAny.many) {
-                        // Many relationship: use connect format
-                        if (Array.isArray(value) && value.length > 0) {
-                            transformedData[fieldName] = {
-                                connect: value.map((id) => ({ id })),
-                            };
-                        }
-                    }
-                    else {
-                        // Single relationship: use connect format
-                        if (value) {
-                            transformedData[fieldName] = {
-                                connect: { id: value },
-                            };
-                        }
-                    }
-                }
-                else {
-                    // Non-relationship field: pass through (including File objects for file/image fields)
-                    // File objects will be serialized by Next.js server action
-                    transformedData[fieldName] = value;
-                }
-            }
-            const result = mode === 'create'
-                ? await serverAction({
-                    listKey,
-                    action: 'create',
-                    data: transformedData,
-                })
-                : await serverAction({
-                    listKey,
-                    action: 'update',
-                    id: itemId,
-                    data: transformedData,
-                });
-            // Check if result has the new format with success/error fields
-            if (result && typeof result === 'object' && 'success' in result) {
-                const actionResult = result;
-                if (actionResult.success) {
-                    // Navigate back to list view
-                    router.push(`${basePath}/${urlKey}`);
-                    router.refresh();
-                }
-                else {
-                    // Handle error response
-                    if (actionResult.fieldErrors) {
-                        setErrors(actionResult.fieldErrors);
-                    }
-                    setGeneralError(actionResult.error);
-                }
-            }
-            else if (result) {
-                // Legacy format: result is the data itself
+    // Separate transition for delete (not a form submit, so outside the engine).
+    const [isDeleting, startDeleteTransition] = useTransition();
+    const { formData, errors, generalError, isPending, editableFields, handleFieldChange, handleSubmit, setGeneralError, } = useItemForm({
+        fields,
+        initialData,
+        mode: mode === 'create' ? 'create' : 'update',
+        errorFallback: 'Access denied or operation failed',
+        onSubmit: async (data, action) => {
+            const result = action === 'create'
+                ? await serverAction({ listKey, action: 'create', data })
+                : await serverAction({ listKey, action: 'update', id: itemId, data });
+            const normalized = toSubmitResult(result, 'Access denied or operation failed');
+            if (normalized.success) {
                 router.push(`${basePath}/${urlKey}`);
                 router.refresh();
             }
-            else {
-                // null result means access denied
-                setGeneralError('Access denied or operation failed');
-            }
-        });
-    };
-    const handleDelete = async () => {
+            return normalized;
+        },
+    });
+    const handleDelete = () => {
         if (!itemId)
             return;
         setGeneralError(null);
         setShowDeleteConfirm(false);
-        startTransition(async () => {
-            const result = await serverAction({
-                listKey,
-                action: 'delete',
-                id: itemId,
-            });
-            // Check if result has the new format with success/error fields
-            if (result && typeof result === 'object' && 'success' in result) {
-                const actionResult = result;
-                if (actionResult.success) {
-                    router.push(`${basePath}/${urlKey}`);
-                    router.refresh();
-                }
-                else {
-                    setGeneralError(actionResult.error);
-                }
-            }
-            else if (result) {
-                // Legacy format: result is the data itself
+        startDeleteTransition(async () => {
+            const result = await serverAction({ listKey, action: 'delete', id: itemId });
+            const normalized = toSubmitResult(result, 'Access denied or failed to delete item');
+            if (normalized.success) {
                 router.push(`${basePath}/${urlKey}`);
                 router.refresh();
             }
             else {
-                // null result means access denied
-                setGeneralError('Access denied or failed to delete item');
+                setGeneralError(normalized.error);
             }
         });
     };
-    // Filter out system fields
-    const editableFields = Object.entries(fields).filter(([key]) => !['id', 'createdAt', 'updatedAt'].includes(key));
-    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [generalError && (_jsx("div", { className: "bg-destructive/10 border border-destructive text-destructive rounded-lg p-4", children: _jsx("p", { className: "text-sm font-medium", children: generalError }) })), _jsx("div", { className: "space-y-6", children: editableFields.map(([fieldName, fieldConfig]) => (_jsx(FieldRenderer, { fieldName: fieldName, fieldConfig: fieldConfig, value: formData[fieldName], onChange: (value) => handleFieldChange(fieldName, value), error: errors[fieldName], disabled: isPending, mode: "edit", relationshipItems: relationshipData[fieldName] || [], relationshipLoading: false, basePath: basePath }, fieldName))) }), _jsxs("div", { className: "flex items-center justify-between pt-6 border-t border-border", children: [_jsxs("div", { className: "flex gap-3", children: [_jsxs(Button, { type: "submit", disabled: isPending, className: "gap-2", children: [isPending && (_jsx(LoadingSpinner, { size: "sm", className: "border-primary-foreground border-t-transparent" })), isPending ? 'Saving...' : mode === 'create' ? 'Create' : 'Save'] }), _jsx(Button, { type: "button", variant: "secondary", onClick: () => router.push(`${basePath}/${urlKey}`), disabled: isPending, children: "Cancel" })] }), mode === 'edit' && itemId && (_jsx(Button, { type: "button", variant: "destructive", onClick: () => setShowDeleteConfirm(true), disabled: isPending, children: "Delete" }))] }), _jsx(ConfirmDialog, { isOpen: showDeleteConfirm, title: "Delete Item", message: "Are you sure you want to delete this item? This action cannot be undone.", confirmLabel: "Delete", cancelLabel: "Cancel", variant: "danger", onConfirm: handleDelete, onCancel: () => setShowDeleteConfirm(false) })] }));
+    const busy = isPending || isDeleting;
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [generalError && (_jsx("div", { className: "bg-destructive/10 border border-destructive text-destructive rounded-lg p-4", children: _jsx("p", { className: "text-sm font-medium", children: generalError }) })), _jsx("div", { className: "space-y-6", children: editableFields.map(([fieldName, fieldConfig]) => (_jsx(FieldRenderer, { fieldName: fieldName, fieldConfig: fieldConfig, value: formData[fieldName], onChange: (value) => handleFieldChange(fieldName, value), error: errors[fieldName], disabled: busy, mode: "edit", relationshipItems: relationshipData[fieldName] || [], relationshipLoading: false, basePath: basePath }, fieldName))) }), _jsxs("div", { className: "flex items-center justify-between pt-6 border-t border-border", children: [_jsxs("div", { className: "flex gap-3", children: [_jsxs(Button, { type: "submit", disabled: busy, className: "gap-2", children: [isPending && (_jsx(LoadingSpinner, { size: "sm", className: "border-primary-foreground border-t-transparent" })), isPending ? 'Saving...' : mode === 'create' ? 'Create' : 'Save'] }), _jsx(Button, { type: "button", variant: "secondary", onClick: () => router.push(`${basePath}/${urlKey}`), disabled: busy, children: "Cancel" })] }), mode === 'edit' && itemId && (_jsx(Button, { type: "button", variant: "destructive", onClick: () => setShowDeleteConfirm(true), disabled: busy, children: "Delete" }))] }), _jsx(ConfirmDialog, { isOpen: showDeleteConfirm, title: "Delete Item", message: "Are you sure you want to delete this item? This action cannot be undone.", confirmLabel: "Delete", cancelLabel: "Cancel", variant: "danger", onConfirm: handleDelete, onCancel: () => setShowDeleteConfirm(false) })] }));
 }

package/dist/components/fields/FieldRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/fields/FieldRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAA;AAEhF,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,uBAAuB,CAAA;IACpC,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACxD,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA6ED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,kDA+BtD"}
+{"version":3,"file":"FieldRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/fields/FieldRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAA;AAEhF,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,uBAAuB,CAAA;IACpC,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACxD,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAwFD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,kDA+BtD"}

package/dist/components/fields/FieldRenderer.js

@@ -27,33 +27,37 @@ function FieldRendererInner({ Component, fieldName, fieldConfig, value, onChange
         required: isRequired,
         mode,
     };
-    // Add field-type-specific props
-    const specificProps = {};
-    if (fieldConfig.type === 'select' && 'options' in fieldConfig && fieldConfig.options) {
-        specificProps.options = fieldConfig.options.map((opt) => typeof opt === 'string' ? { label: opt, value: opt } : opt);
-    }
-    if (fieldConfig.type === 'password') {
-        specificProps.showConfirm = mode === 'edit';
-    }
-    if (fieldConfig.type === 'relationship') {
-        specificProps.items = relationshipItems;
-        specificProps.isLoading = relationshipLoading;
-        specificProps.many = fieldConfig.many || false;
-        // Extract related list key from ref (format: 'ListName.fieldName')
-        if (fieldConfig.ref) {
-            const [relatedListName] = fieldConfig.ref.split('.');
-            specificProps.relatedListKey = getUrlKey(relatedListName);
-            specificProps.basePath = basePath;
-        }
-    }
+    // Derive field-type-specific props from data-presence checks — no branching on fieldConfig.type.
+    const specificProps = buildFallbackUIProps(fieldConfig, relationshipItems, relationshipLoading, basePath);
     // Pass through any UI options from fieldConfig.ui (excluding component and fieldType)
     if (fieldConfig.ui) {
-        const { _component, _fieldType, ...uiOptions } = fieldConfig.ui;
+        const { component: _component, fieldType: _fieldType, ...uiOptions } = fieldConfig.ui;
         Object.assign(specificProps, uiOptions);
     }
     const allProps = { ...baseProps, ...specificProps };
     return _jsx(Component, { ...allProps });
 }
+/**
+ * Derive field-specific UI props from the serialised field config using
+ * data-presence checks rather than `fieldConfig.type` comparisons.
+ */
+function buildFallbackUIProps(fieldConfig, relationshipItems, relationshipLoading, basePath) {
+    const props = {};
+    // Select options — only present on select fields
+    if (fieldConfig.options) {
+        props.options = fieldConfig.options;
+    }
+    // Relationship props — only present on relationship fields
+    if (fieldConfig.ref) {
+        const [relatedListName] = fieldConfig.ref.split('.');
+        props.relatedListKey = getUrlKey(relatedListName ?? '');
+        props.many = fieldConfig.many || false;
+        props.items = relationshipItems;
+        props.isLoading = relationshipLoading;
+        props.basePath = basePath;
+    }
+    return props;
+}
 /**
  * Factory component that renders the appropriate field type
  * based on the field configuration and component registry

package/dist/components/fields/FileField.d.ts

@@ -1,4 +1,4 @@
-import type { FileMetadata } from '@opensaas/stack-core';
+import type { FileMetadata } from '@opensaas/stack-core/internal';
 export interface FileFieldProps {
     name: string;
     value: File | FileMetadata | null;

package/dist/components/fields/FileField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/FileField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAMxD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,IAAI,GAAG,YAAY,GAAG,IAAI,CAAA;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,YAAY,GAAG,IAAI,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAa,EACb,QAAQ,EACR,WAA8C,GAC/C,EAAE,cAAc,2CA+KhB"}
+{"version":3,"file":"FileField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/FileField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAMjE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,IAAI,GAAG,YAAY,GAAG,IAAI,CAAA;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,YAAY,GAAG,IAAI,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAa,EACb,QAAQ,EACR,WAA8C,GAC/C,EAAE,cAAc,2CA+KhB"}

package/dist/components/fields/ImageField.d.ts

@@ -1,4 +1,4 @@
-import type { ImageMetadata } from '@opensaas/stack-core';
+import type { ImageMetadata } from '@opensaas/stack-core/internal';
 export interface ImageFieldProps {
     name: string;
     value: File | ImageMetadata | null;

package/dist/components/fields/ImageField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/ImageField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAOzD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,IAAI,GAAG,aAAa,GAAG,IAAI,CAAA;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,aAAa,GAAG,IAAI,KAAK,IAAI,CAAA;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAa,EACb,QAAQ,EACR,WAAgD,EAChD,WAAkB,EAClB,WAAiB,GAClB,EAAE,eAAe,2CAmRjB"}
+{"version":3,"file":"ImageField.d.ts","sourceRoot":"","sources":["../../../src/components/fields/ImageField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAOlE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,IAAI,GAAG,aAAa,GAAG,IAAI,CAAA;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,aAAa,GAAG,IAAI,KAAK,IAAI,CAAA;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAa,EACb,QAAQ,EACR,WAAgD,EAChD,WAAkB,EAClB,WAAiB,GAClB,EAAE,eAAe,2CAmRjB"}

package/dist/components/standalone/ItemCreateForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemCreateForm.d.ts","sourceRoot":"","sources":["../../../src/components/standalone/ItemCreateForm.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAGvD,MAAM,WAAW,mBAAmB,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACxE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAA;IACvE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC9D,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,gBAAqB,EACrB,WAAsB,EACtB,WAAsB,EACtB,SAAS,GACV,EAAE,mBAAmB,CAAC,KAAK,CAAC,2CAoH5B"}
+{"version":3,"file":"ItemCreateForm.d.ts","sourceRoot":"","sources":["../../../src/components/standalone/ItemCreateForm.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAIvD,MAAM,WAAW,mBAAmB,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACxE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAA;IACvE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC9D,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,gBAAqB,EACrB,WAAsB,EACtB,WAAsB,EACtB,SAAS,GACV,EAAE,mBAAmB,CAAC,KAAK,CAAC,2CAmE5B"}

package/dist/components/standalone/ItemCreateForm.js

@@ -1,10 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from 'react';
+import { useMemo } from 'react';
 import { FieldRenderer } from '../fields/FieldRenderer.js';
 import { LoadingSpinner } from '../LoadingSpinner.js';
 import { Button } from '../../primitives/button.js';
 import { serializeFieldConfigs } from '../../lib/serializeFieldConfig.js';
+import { useItemForm } from '../../lib/useItemForm.js';
 /**
  * Standalone form component for creating items
  * Can be embedded in any custom page
@@ -24,68 +25,16 @@ import { serializeFieldConfigs } from '../../lib/serializeFieldConfig.js';
 export function ItemCreateForm({ fields, onSubmit, onCancel, relationshipData = {}, submitLabel = 'Create', cancelLabel = 'Cancel', className, }) {
     // Serialize field configs to remove non-serializable properties
     const serializedFields = useMemo(() => serializeFieldConfigs(fields), [fields]);
-    const [isPending, setIsPending] = useState(false);
-    const [formData, setFormData] = useState({});
-    const [errors, setErrors] = useState({});
-    const [generalError, setGeneralError] = useState(null);
-    const handleFieldChange = (fieldName, value) => {
-        setFormData((prev) => ({ ...prev, [fieldName]: value }));
-        // Clear error for this field when user starts typing
-        if (errors[fieldName]) {
-            setErrors((prev) => {
-                const newErrors = { ...prev };
-                delete newErrors[fieldName];
-                return newErrors;
-            });
-        }
-    };
-    const handleSubmit = async (e) => {
-        e.preventDefault();
-        setErrors({});
-        setGeneralError(null);
-        setIsPending(true);
-        try {
-            // Transform relationship fields to Prisma format
-            const transformedData = {};
-            for (const [fieldName, value] of Object.entries(formData)) {
-                const fieldConfig = serializedFields[fieldName];
-                // Transform relationship fields
-                if (fieldConfig?.type === 'relationship') {
-                    if (fieldConfig.many) {
-                        // Many relationship: use connect format
-                        if (Array.isArray(value) && value.length > 0) {
-                            transformedData[fieldName] = {
-                                connect: value.map((id) => ({ id })),
-                            };
-                        }
-                    }
-                    else {
-                        // Single relationship: use connect format
-                        if (value) {
-                            transformedData[fieldName] = {
-                                connect: { id: value },
-                            };
-                        }
-                    }
-                }
-                else {
-                    // Non-relationship field: pass through
-                    transformedData[fieldName] = value;
-                }
-            }
-            const result = await onSubmit(transformedData);
-            if (!result.success) {
-                setGeneralError(result.error || 'Failed to create item');
-            }
-        }
-        catch (error) {
-            setGeneralError(error.message || 'Failed to create item');
-        }
-        finally {
-            setIsPending(false);
-        }
-    };
-    // Filter out system fields
-    const editableFields = Object.entries(serializedFields).filter(([key]) => !['id', 'createdAt', 'updatedAt'].includes(key));
+    const { formData, errors, generalError, isPending, editableFields, handleFieldChange, handleSubmit, } = useItemForm({
+        fields: serializedFields,
+        mode: 'create',
+        errorFallback: 'Failed to create item',
+        onSubmit: async (data) => {
+            const result = await onSubmit(data);
+            return result.success
+                ? { success: true }
+                : { success: false, error: result.error || 'Failed to create item' };
+        },
+    });
     return (_jsxs("form", { onSubmit: handleSubmit, className: className, children: [generalError && (_jsx("div", { className: "bg-destructive/10 border border-destructive text-destructive rounded-lg p-4 mb-6", children: _jsx("p", { className: "text-sm font-medium", children: generalError }) })), _jsx("div", { className: "space-y-6", children: editableFields.map(([fieldName, fieldConfig]) => (_jsx(FieldRenderer, { fieldName: fieldName, fieldConfig: fieldConfig, value: formData[fieldName], onChange: (value) => handleFieldChange(fieldName, value), error: errors[fieldName], disabled: isPending, mode: "edit", relationshipItems: relationshipData[fieldName] || [], relationshipLoading: false }, fieldName))) }), _jsxs("div", { className: "flex gap-3 pt-6 mt-6 border-t border-border", children: [_jsxs(Button, { type: "submit", disabled: isPending, className: "gap-2", children: [isPending && (_jsx(LoadingSpinner, { size: "sm", className: "border-primary-foreground border-t-transparent" })), isPending ? 'Creating...' : submitLabel] }), onCancel && (_jsx(Button, { type: "button", variant: "secondary", onClick: onCancel, disabled: isPending, children: cancelLabel }))] })] }));
 }

package/dist/components/standalone/ItemEditForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemEditForm.d.ts","sourceRoot":"","sources":["../../../src/components/standalone/ItemEditForm.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAGvD,MAAM,WAAW,iBAAiB,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IACnC,WAAW,EAAE,KAAK,CAAA;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACxE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAA;IACvE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC5D,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,gBAAqB,EACrB,WAAoB,EACpB,WAAsB,EACtB,SAAS,EACT,QAAmB,GACpB,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CA+I1B"}
+{"version":3,"file":"ItemEditForm.d.ts","sourceRoot":"","sources":["../../../src/components/standalone/ItemEditForm.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAIvD,MAAM,WAAW,iBAAiB,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IACnC,WAAW,EAAE,KAAK,CAAA;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACxE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAA;IACvE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC5D,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,gBAAqB,EACrB,WAAoB,EACpB,WAAsB,EACtB,SAAS,EACT,QAAmB,GACpB,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CA2E1B"}

package/dist/components/standalone/ItemEditForm.js

@@ -1,10 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from 'react';
+import { useMemo } from 'react';
 import { FieldRenderer } from '../fields/FieldRenderer.js';
 import { LoadingSpinner } from '../LoadingSpinner.js';
 import { Button } from '../../primitives/button.js';
 import { serializeFieldConfigs } from '../../lib/serializeFieldConfig.js';
+import { useItemForm, transformInitialData } from '../../lib/useItemForm.js';
 /**
  * Standalone form component for editing items
  * Can be embedded in any custom page
@@ -26,87 +27,18 @@ export function ItemEditForm({ fields, initialData, onSubmit, onCancel, relation
     // Serialize field configs to remove non-serializable properties
     const serializedFields = useMemo(() => serializeFieldConfigs(fields), [fields]);
     // Apply valueForClientSerialization transformations to initial data
-    const transformedInitialData = useMemo(() => {
-        const transformed = { ...initialData };
-        for (const [fieldName, fieldConfig] of Object.entries(fields)) {
-            const fieldConfigAny = fieldConfig;
-            if (fieldConfigAny.ui?.valueForClientSerialization &&
-                typeof fieldConfigAny.ui.valueForClientSerialization === 'function') {
-                const transformer = fieldConfigAny.ui.valueForClientSerialization;
-                transformed[fieldName] = transformer({
-                    value: transformed[fieldName],
-                });
-            }
-        }
-        return transformed;
-    }, [initialData, fields]);
-    const [isPending, setIsPending] = useState(false);
-    const [formData, setFormData] = useState(transformedInitialData);
-    const [errors, setErrors] = useState({});
-    const [generalError, setGeneralError] = useState(null);
-    const handleFieldChange = (fieldName, value) => {
-        setFormData((prev) => ({ ...prev, [fieldName]: value }));
-        // Clear error for this field when user starts typing
-        if (errors[fieldName]) {
-            setErrors((prev) => {
-                const newErrors = { ...prev };
-                delete newErrors[fieldName];
-                return newErrors;
-            });
-        }
-    };
-    const handleSubmit = async (e) => {
-        e.preventDefault();
-        setErrors({});
-        setGeneralError(null);
-        setIsPending(true);
-        try {
-            // Transform relationship fields to Prisma format
-            // Filter out password fields with isSet objects (unchanged passwords)
-            const transformedData = {};
-            for (const [fieldName, value] of Object.entries(formData)) {
-                const fieldConfig = serializedFields[fieldName];
-                // Skip password fields that have { isSet: boolean } value (not being changed)
-                if (typeof value === 'object' && value !== null && 'isSet' in value) {
-                    continue;
-                }
-                // Transform relationship fields
-                if (fieldConfig?.type === 'relationship') {
-                    if (fieldConfig.many) {
-                        // Many relationship: use connect format
-                        if (Array.isArray(value) && value.length > 0) {
-                            transformedData[fieldName] = {
-                                connect: value.map((id) => ({ id })),
-                            };
-                        }
-                    }
-                    else {
-                        // Single relationship: use connect format
-                        if (value) {
-                            transformedData[fieldName] = {
-                                connect: { id: value },
-                            };
-                        }
-                    }
-                }
-                else {
-                    // Non-relationship field: pass through
-                    transformedData[fieldName] = value;
-                }
-            }
-            const result = await onSubmit(transformedData);
-            if (!result.success) {
-                setGeneralError(result.error || 'Failed to update item');
-            }
-        }
-        catch (error) {
-            setGeneralError(error.message || 'Failed to update item');
-        }
-        finally {
-            setIsPending(false);
-        }
-    };
-    // Filter out system fields
-    const editableFields = Object.entries(serializedFields).filter(([key]) => !['id', 'createdAt', 'updatedAt'].includes(key));
+    const transformedInitialData = useMemo(() => transformInitialData(fields, initialData), [initialData, fields]);
+    const { formData, errors, generalError, isPending, editableFields, handleFieldChange, handleSubmit, } = useItemForm({
+        fields: serializedFields,
+        initialData: transformedInitialData,
+        mode: 'update',
+        errorFallback: 'Failed to update item',
+        onSubmit: async (data) => {
+            const result = await onSubmit(data);
+            return result.success
+                ? { success: true }
+                : { success: false, error: result.error || 'Failed to update item' };
+        },
+    });
     return (_jsxs("form", { onSubmit: handleSubmit, className: className, children: [generalError && (_jsx("div", { className: "bg-destructive/10 border border-destructive text-destructive rounded-lg p-4 mb-6", children: _jsx("p", { className: "text-sm font-medium", children: generalError }) })), _jsx("div", { className: "space-y-6", children: editableFields.map(([fieldName, fieldConfig]) => (_jsx(FieldRenderer, { fieldName: fieldName, fieldConfig: fieldConfig, value: formData[fieldName], onChange: (value) => handleFieldChange(fieldName, value), error: errors[fieldName], disabled: isPending, mode: "edit", relationshipItems: relationshipData[fieldName] || [], relationshipLoading: false, basePath: basePath }, fieldName))) }), _jsxs("div", { className: "flex gap-3 pt-6 mt-6 border-t border-border", children: [_jsxs(Button, { type: "submit", disabled: isPending, className: "gap-2", children: [isPending && (_jsx(LoadingSpinner, { size: "sm", className: "border-primary-foreground border-t-transparent" })), isPending ? 'Saving...' : submitLabel] }), onCancel && (_jsx(Button, { type: "button", variant: "secondary", onClick: onCancel, disabled: isPending, children: cancelLabel }))] })] }));
 }

package/dist/lib/theme.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeColors, ThemeConfig, ThemePreset } from '@opensaas/stack-core';
+import type { ThemeColors, ThemeConfig, ThemePreset } from '@opensaas/stack-core/internal';
 /**
  * Preset theme definitions
  */