@viliha/vui-ui 1.1.0 → 1.1.2

package/AGENT.md

@@ -226,6 +226,20 @@ Allow RecordView to manage:
 - bulk actions
 - import/export
 
+## Add / edit form
+
+The buffered add/edit form renders in one of two layouts:
+
+- **Slide-over panel** — the default; nothing to configure.
+- **Full-page form** — set `formMode="page"` (with `formColumns={1 | 2}`). Add
+  `formDescription` and a per-field `description` to show an AWS-style help
+  panel beside the form.
+
+For the form on its own URL, render the exported `RecordForm` on a route and use
+controlled data (`data` + `onDataChange`) with `onCreate` / `onView` / `onEdit`
+to navigate instead of opening the overlay. Breadcrumbs everywhere come from the
+shared `@viliha/vui-ui/breadcrumbs` component.
+
 ---
 
 # Charts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viliha/vui-ui",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Vui UI — a clean, token-driven React admin/CRM component library built on Tailwind CSS v4, shadcn-style patterns, and Radix Icons. Ships as TypeScript source (Just-in-Time), compiled by the consuming app.",
   "license": "MIT",
   "author": "Suman Bonakurthi",

package/src/input.tsx

@@ -14,7 +14,7 @@ export const Input = React.forwardRef<
       "placeholder:text-muted-foreground",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background",
       "disabled:cursor-not-allowed disabled:opacity-50",
-      "file:border-0 file:bg-transparent file:file:font-medium",
+      "file:border-0 file:bg-transparent file:font-medium",
       className,
     )}
     {...props}

package/src/record-view.tsx

@@ -1515,7 +1515,7 @@ function RecordDetailPanel<T extends { id: RowId }>({
 
   // Footer actions — View shows Close/Edit; Add/Edit shows Cancel/Save.
   const formFooter = (
-    <div className="flex shrink-0 items-center justify-end gap-2 border-t border-border px-4 py-3">
+    <div className="flex shrink-0 items-center justify-end gap-2 border-y border-border bg-muted/40 px-4 py-3">
       {readOnly ? (
         <>
           <Button onClick={() => dismiss(onCancel)}>