izen-react-starter 2.3.4 → 2.3.7

package/README.md

@@ -257,6 +257,38 @@ function ThemeToggle() {
 }
 ```
 
+### Form Layout (RHF + Axios)
+
+Use `FormLayout` to wire react-hook-form + zod validation with built-in Axios auth, RBAC visibility checks, toasts, and submit helpers.
+
+```tsx
+import { FormLayout, CustomInput, DatePicker } from 'izen-react-starter';
+import { z } from 'zod';
+
+const schema = z.object({
+  name: z.string().min(1, 'Required'),
+  start: z.string().optional(),
+});
+
+function ExampleForm() {
+  return (
+    <FormLayout
+      url="/users"
+      baseURL="https://api.example.com"
+      validationSchema={schema}
+      onSave={(res, mode) => console.log('saved', mode, res)}
+      onError={(err) => console.error('submit error', err)}
+      showCancelBtn
+    >
+      <CustomInput name="name" title="Name" placeholder="Enter name" />
+      <DatePicker name="start" title="Start" placeholder="Pick a date" />
+    </FormLayout>
+  );
+}
+```
+
+Key props: `baseURL`, `multipartUrls`, `dataFormatter`, `onSave(data, mode)`, and `onError(error)` to handle API failures or ErrorBoundary catches.
+
 ### Modal and Overlay
 
 ```tsx

package/dist/{VLTTJS3N-DGoUJl0L.js → 2SSKDMRQ-BWxJ7KHy.js}

@@ -1,5 +1,5 @@
-import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./MIMHJGAX-nkAfKHiE.js";
-import { g as h, c as v, a as e } from "./index-C2bXN8fi.js";
+import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./AP7HFJJL-uVnY5RPz.js";
+import { g as h, c as v, a as e } from "./index-BWKXTVrJ.js";
 var C = (r) => {
   const [t, o] = s({
     prefix: "TanstackQueryDevtools"