@svadmin/lite 0.8.0 → 0.8.2

package/README.md

@@ -13,7 +13,7 @@ The main `@svadmin/ui` package delivers a premium SPA experience using Svelte 5,
 **What Lite is:**
 - A **Zero-JS SSR-first admin component suite** designed with an IE11-safe CSS baseline.
 - 100% interoperable with `@svadmin/core` — sharing the same `DataProvider`, `AuthProvider`, `Resource`, and `FieldDefinition` contracts.
-- An architectural companion to `@svadmin/ui` achieving **100% component parity (72/72 components)** through 1:1 server-rendered matches or deliberate semantic fallbacks.
+- An architectural companion to `@svadmin/ui` achieving **100% component parity (103/103 components)** through 1:1 server-rendered matches, deliberate semantic fallbacks, or explicit SPA-only classification.
 - **Not** a generic Tailwind-to-IE11 compiler or a full client-side port of shadcn-svelte (which depends on modern browser JS runtimes and CSS custom properties).
 
 `@svadmin/lite` provides a server-rendered fallback that **shares the same DataProvider, AuthProvider, and Resource definitions** — only the rendering layer is different.
@@ -246,7 +246,7 @@ IE11 before the decision is made.
 
 ## Components & Parity (100% Coverage)
 
-`@svadmin/lite` provides **100% component parity** (72/72 components) corresponding to `@svadmin/ui`. See [PARITY.md](./PARITY.md) for the complete matrix.
+`@svadmin/lite` provides **100% component parity** (103/103 components) corresponding to `@svadmin/ui`. See [PARITY.md](./PARITY.md) for the generated complete matrix and status details.
 
 ### Core Pages & Layout
 
@@ -257,6 +257,9 @@ IE11 before the decision is made.
 | `LiteListPage` | Full-featured list view with search, table, bulk actions, and pagination |
 | `LiteCreatePage` / `LiteEditPage` | Auto-generated CRUD form pages |
 | `LiteShowPage` | Key-value record view with typed field renderers |
+| `LiteMasterDetailView` | URL-synchronized master/detail workspace |
+| `LitePrintableBill` | Controlled A4-style printable business record |
+| `LitePdfDocumentViewer` | Embedded PDF review with document stamp and annotation support |
 | `LiteProfilePage` | User profile management page with avatar and info |
 | `LiteRegisterPage` | User registration page with server-side validation |
 | `LiteForgotPasswordPage` / `LiteUpdatePasswordPage` | Password recovery and credential rotation flows |
@@ -266,14 +269,17 @@ IE11 before the decision is made.
 | `LitePagination` / `LiteSearch` | URL-driven pagination and GET search controls |
 | `LiteAlert` | Inline notification banner for success/error/warning states |
 | `LiteBreadcrumbs` / `LiteTabs` / `LiteEmptyState` | Semantic navigation and placeholder primitives |
+| `LiteCanAccess` / `LiteErrorBoundary` | Server-side access gate and constrained-environment error boundary |
+| `LiteSplitPaneLayout` / `LiteMultiTabKeepAlive` | Dense two-pane layouts and multi-workspace navigation |
 
-### Field Components (23 Fields)
+### Field Components (33 Fields)
 
 | Category | Components |
 |----------|------------|
 | **Text & Numeric** | `LiteTextField`, `LiteNumberField`, `LiteCurrencyField`, `LitePercentField`, `LitePhoneField`, `LiteEmailField`, `LiteUrlField`, `LiteRatingField`, `LiteCopyField` |
 | **Date & Choice** | `LiteDateField`, `LiteDateRangeField`, `LiteBooleanField`, `LiteSelectField`, `LiteMultiSelectField`, `LiteTreeSelect`, `LiteCascader`, `LiteTagField`, `LiteRelationField` |
-| **Media & Rich & Array** | `LiteAvatarField`, `LiteImageField`, `LiteFileField`, `LiteCodeField`, `LiteMarkdownField`, `LiteRichTextField`, `LiteJsonField`, `LiteArrayField`, `LiteDynamicFormList`, `LiteTransfer` |
+| **Media & Rich & Array** | `LiteAvatarField`, `LiteImageField`, `LiteFileField`, `LiteCodeField`, `LiteMarkdownField`, `LiteRichTextField`, `LiteJsonField`, `LiteArrayField`, `LiteDynamicFormList`, `LiteTransfer`, `LiteImageCropper`, `LiteJsonSchemaForm`, `LiteMentionsInput`, `LiteSignaturePad` |
+| **SPA-only** | `VoiceInput` (Web Speech API; no SSR counterpart) |
 
 ### Action Buttons (10 Buttons)
 
@@ -289,6 +295,7 @@ IE11 before the decision is made.
 |-----------|-------------|
 | `LiteStatsCard`, `LiteInsightCard`, `LiteAnomalyBadge` | Metric KPI cards and status badges |
 | `LiteBarChart`, `LiteLineChart`, `LitePieChart` | Server-rendered SVG/HTML charts with fallback data tables |
+| `LitePresenceAvatarGroup`, `LiteGanttChart`, `LiteOfflineSyncBanner` | Presence, schedule, and offline mutation status rendered without client hydration |
 
 ### Compatibility & Degradation Primitives
 
@@ -308,6 +315,12 @@ IE11 before the decision is made.
 | `LiteDraggableHeader` | Static column header with URL sorter links |
 | `LiteToast` / `LiteUndoableNotification` | Server-driven flash messages and undo actions |
 | `LiteFilterBuilder` | Native multi-rule CRUD filter builder with AND/OR logical operators |
+| `LiteConfirmDialog`, `LiteWatermark`, `LiteColumnSettings`, `LiteImportWizard` | Server-safe confirmation, watermark, column, and import workflows |
+| `LiteColumnHeaderFilter`, `LiteTreeTable`, `LiteSensitiveDataMask`, `LiteApprovalActionCard` | Query, hierarchy, masking, and approval fallbacks |
+| `LiteStepForm`, `LiteTableSummary`, `LiteVersionDiffViewer`, `LiteEditableTable`, `LiteDraggableRowTable` | Server-driven enterprise data interaction components |
+| `LiteMediaLibraryModal`, `LiteActivityFeed`, `LiteKanbanBoard`, `LitePivotTable` | Media, activity, workflow, and analysis views |
+| `LiteCanvasAnnotation`, `LiteSpreadsheetView`, `LiteDecisionTable` | SSR-compatible annotation, spreadsheet, and rules views |
+| `DevTools`, `CopilotPanel` | SPA-only components with no Lite counterpart |
 
 ## Parity Tracking & Visualization
 
@@ -316,7 +329,7 @@ To monitor and maintain 100% component parity between `@svadmin/ui` and `@svadmi
 - **CLI Dashboard**: Run `bun run check:parity` to inspect the live coverage matrix in terminal.
 - **Parity Matrix Document**: [PARITY.md](./PARITY.md) is auto-generated with exhaustive module-by-module tables.
 - **Machine-Readable JSON**: `packages/lite/parity.json` provides structured data for automation.
-- **Interactive Showroom**: Visit `/lite/parity` in the example app to interactively preview all 72 components and live metrics.
+- **Interactive Showroom**: Visit `/lite/parity` in the example app to interactively preview all 103 components and live metrics.
 - **CI Contract Test**: `scripts/parity-contract.test.ts` runs in CI to prevent regression and ensure every new UI component has a documented Lite counterpart.
 
 ## Server Utilities
@@ -329,7 +342,9 @@ To monitor and maintain 100% component parity between `@svadmin/ui` and `@svadmi
 | `createAuthGuard(authProvider)` | Server hook for authentication |
 | `createAuthActions(authProvider)` | Login/logout actions plus optional provider-delegating account actions |
 | `createLegacyRedirectHook()` | Auto-redirect IE11 to `/lite/` |
-| `fieldsToTypeBoxSchema(fields)` | Generate the TypeBox schema used by Lite actions or other consumers (with `fieldsToZodSchema` alias) |
+| `fieldsToTypeBoxSchema(fields)` | Generate the TypeBox schema used by Lite actions or other consumers |
+
+Schema generation is TypeBox-only. The former Zod-named exports and parser-compatible methods were removed; use `Check`, `Errors`, and `Decode` on the returned schema.
 
 ## CSS
 

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { createListLoader, createDetailLoader, createCrudActions, createAuthGuar
 export type { LegacyRedirectOptions, ListLoaderResult } from './server-adapter';
 export { LITE_COMPATIBILITY_CATALOG, detectLiteCapabilities, resolveLiteCompatibility, } from './compatibility';
 export type { LiteCapability, LiteCapabilitySupport, LiteCompatibilityDescriptor, LiteCompatibilityResolution, LiteFallbackKind, } from './compatibility';
-export { fieldsToTypeBoxSchema, resourceToTypeBoxSchema, fieldsToZodSchema, resourceToZodSchema, fieldToInputType, fieldToPlaceholder, } from './schema-generator';
+export { fieldsToTypeBoxSchema, resourceToTypeBoxSchema, fieldToInputType, fieldToPlaceholder, } from './schema-generator';
 export { getStatusBadgeClass, parseExplicitBoolean, isExplicitBooleanTrue } from './value-normalization';
 export { default as LiteLayout } from './components/LiteLayout.svelte';
 export { default as LiteTable } from './components/LiteTable.svelte';

package/dist/index.js

@@ -5,7 +5,7 @@ export { createListLoader, createDetailLoader, createCrudActions, createAuthGuar
 // Optional browser capabilities. The SSR baseline does not import browser globals.
 export { LITE_COMPATIBILITY_CATALOG, detectLiteCapabilities, resolveLiteCompatibility, } from './compatibility';
 // Schema generator (TypeBox schemas used by Lite actions and client forms)
-export { fieldsToTypeBoxSchema, resourceToTypeBoxSchema, fieldsToZodSchema, resourceToZodSchema, fieldToInputType, fieldToPlaceholder, } from './schema-generator';
+export { fieldsToTypeBoxSchema, resourceToTypeBoxSchema, fieldToInputType, fieldToPlaceholder, } from './schema-generator';
 // UI Components (use in +page.svelte with csr = false)
 export { getStatusBadgeClass, parseExplicitBoolean, isExplicitBooleanTrue } from './value-normalization';
 export { default as LiteLayout } from './components/LiteLayout.svelte';

package/dist/schema-generator.d.ts

@@ -10,33 +10,14 @@ export interface SchemaValidationIssue {
     path: (string | number)[];
     message: string;
 }
-export type SchemaValidationResult<T = Record<string, unknown>> = {
-    success: true;
-    data: T;
-    error?: never;
-} | {
-    success: false;
-    error: {
-        issues: SchemaValidationIssue[];
-    };
-    data?: never;
-};
+export interface TypeBoxValidationError {
+    path: string;
+    message: string;
+}
 export type TypeBoxEnhancedSchema<T = Record<string, unknown>> = TObject & {
-    parse: (values: unknown) => T;
-    safeParse: (values: unknown) => SchemaValidationResult<T>;
     Check: (values: unknown) => boolean;
-    "~standard": {
-        version: 1;
-        vendor: "svadmin";
-        validate: (values: unknown) => {
-            value: T;
-        } | {
-            issues: Array<{
-                message: string;
-                path?: (string | number)[];
-            }>;
-        };
-    };
+    Errors: (values: unknown) => Iterable<TypeBoxValidationError>;
+    Decode: (values: unknown) => T;
 };
 /**
  * Generate a TypeBox object schema from a list of FieldDefinitions.
@@ -47,14 +28,6 @@ export declare function fieldsToTypeBoxSchema(fields: FieldDefinition[], mode?:
  * Convenience wrapper around fieldsToTypeBoxSchema.
  */
 export declare function resourceToTypeBoxSchema(resource: ResourceDefinition, mode?: "create" | "edit"): TypeBoxEnhancedSchema;
-/**
- * Backward compatibility alias for fieldsToTypeBoxSchema
- */
-export declare const fieldsToZodSchema: typeof fieldsToTypeBoxSchema;
-/**
- * Backward compatibility alias for resourceToTypeBoxSchema
- */
-export declare const resourceToZodSchema: typeof resourceToTypeBoxSchema;
 /**
  * Determine a conservative HTML input type for server-rendered forms.
  */

package/dist/schema-generator.js

@@ -361,11 +361,10 @@ export function fieldsToTypeBoxSchema(fields, mode = "create") {
         }
     }
     const baseSchema = Type.Object(shape, { additionalProperties: true });
-    const safeParse = (values) => {
+    const validateAndNormalize = (values) => {
         if (typeof values !== "object" || values === null) {
             return {
-                success: false,
-                error: { issues: [{ path: ["_root"], message: "Values must be an object" }] },
+                issues: [{ path: ["_root"], message: "Values must be an object" }],
             };
         }
         const input = values;
@@ -380,45 +379,26 @@ export function fieldsToTypeBoxSchema(fields, mode = "create") {
             }
         }
         if (allIssues.length > 0) {
-            return {
-                success: false,
-                error: { issues: allIssues },
-            };
+            return { issues: allIssues };
         }
-        return {
-            success: true,
-            data: resultData,
-        };
+        return { data: resultData, issues: [] };
     };
-    const parse = (values) => {
-        const res = safeParse(values);
-        if (!res.success) {
-            const err = new Error(res.error?.issues[0]?.message || "Validation failed");
-            err.issues = res.error?.issues ?? [];
+    const decode = (values) => {
+        const validation = validateAndNormalize(values);
+        if (validation.issues.length > 0) {
+            const err = new Error(validation.issues[0]?.message || "Validation failed");
+            err.errors = validation.issues;
             throw err;
         }
-        return res.data ?? {};
+        return validation.data ?? {};
     };
     return Object.assign(baseSchema, {
-        parse,
-        safeParse,
-        Check: (val) => safeParse(val).success,
-        "~standard": {
-            version: 1,
-            vendor: "svadmin",
-            validate: (val) => {
-                const res = safeParse(val);
-                if (res.success) {
-                    return { value: res.data ?? {} };
-                }
-                return {
-                    issues: (res.error?.issues ?? []).map((iss) => ({
-                        message: iss.message,
-                        path: iss.path,
-                    })),
-                };
-            },
-        },
+        Check: (val) => validateAndNormalize(val).issues.length === 0,
+        Errors: (val) => validateAndNormalize(val).issues.map((issue) => ({
+            path: issue.path.length > 0 ? `/${issue.path.map(String).join("/")}` : "",
+            message: issue.message,
+        })),
+        Decode: decode,
     });
 }
 /**
@@ -429,14 +409,6 @@ export function resourceToTypeBoxSchema(resource, mode = "create") {
     const primaryKey = resource.primaryKey ?? "id";
     return fieldsToTypeBoxSchema(resource.fields.filter((field) => field.key !== primaryKey), mode);
 }
-/**
- * Backward compatibility alias for fieldsToTypeBoxSchema
- */
-export const fieldsToZodSchema = fieldsToTypeBoxSchema;
-/**
- * Backward compatibility alias for resourceToTypeBoxSchema
- */
-export const resourceToZodSchema = resourceToTypeBoxSchema;
 /**
  * Determine a conservative HTML input type for server-rendered forms.
  */

package/dist/server-adapter.js

@@ -473,16 +473,19 @@ function formatValidationErrors(issues) {
     return errors;
 }
 function validateFormVariables(resource, mode, values) {
-    const result = resourceToTypeBoxSchema(resource, mode).safeParse(values);
-    if (result.success)
-        return { success: true, data: result.data };
+    const schema = resourceToTypeBoxSchema(resource, mode);
+    if (schema.Check(values))
+        return { success: true, data: schema.Decode(values) };
     return {
         success: false,
         failure: {
             success: false,
             error: 'Validation failed',
             values: formValuesForResponse(resource.fields, values),
-            errors: formatValidationErrors(result.error.issues),
+            errors: formatValidationErrors([...schema.Errors(values)].map((issue) => ({
+                path: issue.path.split('/').filter(Boolean),
+                message: issue.message,
+            }))),
         },
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/lite",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "SSR-first lightweight admin UI for @svadmin with optional progressive enhancement",
   "type": "module",
   "sideEffects": [