@revealui/core 0.10.1 → 0.11.0

package/dist/collections/operations/findById.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"findById.d.ts","sourceRoot":"","sources":["../../../src/collections/operations/findById.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EACV,YAAY,EACZ,wBAAwB,EACxB,sBAAsB,EACtB,cAAc,EACd,aAAa,EAGd,MAAM,sBAAsB,CAAC;AAK9B,wBAAsB,QAAQ,CAC5B,MAAM,EAAE,sBAAsB,EAC9B,EAAE,EAAE,wBAAwB,GAAG,IAAI,EACnC,OAAO,EAAE;IACP,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GACA,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAsIhC"}
+{"version":3,"file":"findById.d.ts","sourceRoot":"","sources":["../../../src/collections/operations/findById.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EACV,YAAY,EACZ,wBAAwB,EACxB,sBAAsB,EACtB,cAAc,EACd,aAAa,EAGd,MAAM,sBAAsB,CAAC;AAM9B,wBAAsB,QAAQ,CAC5B,MAAM,EAAE,sBAAsB,EAC9B,EAAE,EAAE,wBAAwB,GAAG,IAAI,EACnC,OAAO,EAAE;IACP,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GACA,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAkJhC"}

package/dist/collections/operations/findById.js

@@ -5,41 +5,53 @@
  */
 import { afterRead } from '../../fields/hooks/afterRead/index.js';
 import { deserializeJsonFields } from '../../utils/json-parsing.js';
+import { publishedOnlyReadFilter } from './drafts.js';
 import { find } from './find.js';
 import { selectByIdQuery } from './sqlAdapter.js';
 export async function findByID(config, db, options) {
-    const { id, depth = 0, req, populate: populateOption } = options;
+    const { id, depth = 0, req, populate: populateOption, draft = false } = options;
     // Validate depth
     if (depth < 0 || depth > 3) {
         throw new Error(`Depth must be between 0 and 3, got ${depth}`);
     }
-    // --- Access control enforcement ---
+    // --- Access control + draft enforcement ---
     if (!options.overrideAccess) {
         const accessConfig = config.access;
         const readAccess = accessConfig?.read;
+        let accessWhere;
         if (readAccess) {
             if (!req)
                 return null; // No request context = deny
             const result = await readAccess({ req, id });
             if (result === false)
                 return null;
-            if (result !== true) {
-                // Row-level access: a WhereClause means "allowed only for rows matching
-                // this filter". Confirm THIS row matches before returning it — otherwise
-                // findByID hands back rows the ownership rule was meant to scope out
-                // (cross-tenant / unpublished-draft leakage). Reuse find()'s AND-merge so
-                // the filter runs through the same proven path the list view uses (both
-                // storage adapters); overrideAccess skips re-evaluating the rule.
-                const scoped = await find(config, db, {
-                    where: { and: [{ id: { equals: id } }, result] },
-                    limit: 1,
-                    depth,
-                    req,
-                    ...(populateOption !== undefined ? { populate: populateOption } : {}),
-                    overrideAccess: true,
-                });
-                return scoped.docs[0] ?? null;
-            }
+            if (result !== true)
+                accessWhere = result;
+        }
+        // For a drafts-enabled collection read without draft mode, the row must also
+        // be published. draft=true drops THIS filter only — accessWhere still stands.
+        const statusFilter = publishedOnlyReadFilter(config, draft);
+        if (accessWhere || statusFilter) {
+            // Row-level access and/or the published-only filter apply. Route through
+            // find()'s AND-merge — the same proven path the list view uses on both
+            // storage adapters — so findByID cannot hand back a row the ownership rule
+            // or draft state was meant to scope out (cross-tenant / draft leakage).
+            // overrideAccess skips re-evaluating access.read; find() re-derives the
+            // published-only filter itself from `draft`, so only accessWhere is merged
+            // in here.
+            const where = accessWhere
+                ? { and: [{ id: { equals: id } }, accessWhere] }
+                : { id: { equals: id } };
+            const scoped = await find(config, db, {
+                where,
+                limit: 1,
+                depth,
+                req,
+                draft,
+                ...(populateOption !== undefined ? { populate: populateOption } : {}),
+                overrideAccess: true,
+            });
+            return scoped.docs[0] ?? null;
         }
     }
     if (db?.collectionStorage?.findByID) {
@@ -60,7 +72,7 @@ export async function findByID(config, db, options) {
                     currentDepth: 1,
                     depth,
                     doc,
-                    draft: false,
+                    draft,
                     fallbackLocale: req.fallbackLocale || 'en',
                     findMany: false,
                     flattenLocales: true,
@@ -107,7 +119,7 @@ export async function findByID(config, db, options) {
                 currentDepth: 1,
                 depth,
                 doc,
-                draft: false,
+                draft,
                 fallbackLocale: req.fallbackLocale || 'en',
                 findMany: false,
                 flattenLocales: true,

package/dist/collections/operations/snapshot.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Snapshot Operations
+ *
+ * Point-in-time revisions of a document, modeled on the `page_revisions`
+ * pattern (per-doc revision number, content snapshot, createdBy,
+ * changeDescription).
+ *
+ * Persistence lives behind the `collectionStorage` seam so the typed store owns
+ * the revision table — the same seam `create`/`update`/`delete` already use.
+ * Core owns the access gate. This deliberately does NOT introduce a parallel
+ * dynamic revisions table: snapshots require a registered typed storage
+ * adapter, keeping core drafts thin (the edit-session layer owns its own
+ * snapshot path and does not route through here).
+ */
+import type { QueryableDatabaseAdapter, RevealCollectionConfig, RevealDocument, RevealRequest } from '../../types/index.js';
+export interface SnapshotOptions {
+    id: string | number;
+    req?: RevealRequest;
+    changeDescription?: string;
+    overrideAccess?: boolean;
+}
+export interface RestoreOptions {
+    id: string | number;
+    revisionId: string | number;
+    req?: RevealRequest;
+    overrideAccess?: boolean;
+}
+export declare function createSnapshot(config: RevealCollectionConfig, db: QueryableDatabaseAdapter | null, options: SnapshotOptions): Promise<RevealDocument>;
+export declare function restoreSnapshot(config: RevealCollectionConfig, db: QueryableDatabaseAdapter | null, options: RestoreOptions): Promise<RevealDocument>;
+//# sourceMappingURL=snapshot.d.ts.map

package/dist/collections/operations/snapshot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot.d.ts","sourceRoot":"","sources":["../../../src/collections/operations/snapshot.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EACV,wBAAwB,EACxB,sBAAsB,EACtB,cAAc,EACd,aAAa,EAEd,MAAM,sBAAsB,CAAC;AAiD9B,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAsB,cAAc,CAClC,MAAM,EAAE,sBAAsB,EAC9B,EAAE,EAAE,wBAAwB,GAAG,IAAI,EACnC,OAAO,EAAE,eAAe,GACvB,OAAO,CAAC,cAAc,CAAC,CAczB;AAED,wBAAsB,eAAe,CACnC,MAAM,EAAE,sBAAsB,EAC9B,EAAE,EAAE,wBAAwB,GAAG,IAAI,EACnC,OAAO,EAAE,cAAc,GACtB,OAAO,CAAC,cAAc,CAAC,CAczB"}

package/dist/collections/operations/snapshot.js

@@ -0,0 +1,81 @@
+/**
+ * Snapshot Operations
+ *
+ * Point-in-time revisions of a document, modeled on the `page_revisions`
+ * pattern (per-doc revision number, content snapshot, createdBy,
+ * changeDescription).
+ *
+ * Persistence lives behind the `collectionStorage` seam so the typed store owns
+ * the revision table — the same seam `create`/`update`/`delete` already use.
+ * Core owns the access gate. This deliberately does NOT introduce a parallel
+ * dynamic revisions table: snapshots require a registered typed storage
+ * adapter, keeping core drafts thin (the edit-session layer owns its own
+ * snapshot path and does not route through here).
+ */
+import { find } from './find.js';
+function accessDenied() {
+    return new Error('Access denied: insufficient permissions to snapshot this document');
+}
+function snapshotUnsupported(slug) {
+    const err = new Error(`Snapshots are not supported for collection '${slug}': no typed storage adapter is registered.`);
+    err.statusCode = 501;
+    return err;
+}
+/**
+ * Confirm the caller may write the target document — snapshotting and restoring
+ * are part of the edit lifecycle. Reuses `access.update` and the same row-level
+ * scoping `update()` uses, so a caller cannot snapshot or restore a row outside
+ * its scope.
+ */
+async function assertWriteAccess(config, db, id, req, overrideAccess) {
+    if (overrideAccess)
+        return;
+    const updateAccess = config.access?.update;
+    if (!updateAccess)
+        return;
+    if (!req)
+        throw accessDenied();
+    const result = await updateAccess({ req, id });
+    if (result === false)
+        throw accessDenied();
+    if (result !== true) {
+        const scoped = await find(config, db, {
+            where: { and: [{ id: { equals: id } }, result] },
+            limit: 1,
+            req,
+            overrideAccess: true,
+        });
+        if (scoped.docs.length === 0)
+            throw accessDenied();
+    }
+}
+export async function createSnapshot(config, db, options) {
+    const { id, req, changeDescription } = options;
+    await assertWriteAccess(config, db, id, req, options.overrideAccess);
+    const seam = db?.collectionStorage?.snapshot;
+    if (!seam)
+        throw snapshotUnsupported(config.slug);
+    const revision = await seam(config, {
+        id,
+        ...(req ? { req } : {}),
+        ...(changeDescription !== undefined ? { changeDescription } : {}),
+    });
+    if (revision === undefined)
+        throw snapshotUnsupported(config.slug);
+    return revision;
+}
+export async function restoreSnapshot(config, db, options) {
+    const { id, revisionId, req } = options;
+    await assertWriteAccess(config, db, id, req, options.overrideAccess);
+    const seam = db?.collectionStorage?.restore;
+    if (!seam)
+        throw snapshotUnsupported(config.slug);
+    const restored = await seam(config, {
+        id,
+        revisionId,
+        ...(req ? { req } : {}),
+    });
+    if (restored === undefined)
+        throw snapshotUnsupported(config.slug);
+    return restored;
+}

package/dist/collections/operations/update.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../../src/collections/operations/update.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EACV,wBAAwB,EACxB,sBAAsB,EACtB,cAAc,EAGd,mBAAmB,EAEpB,MAAM,sBAAsB,CAAC;AAmF9B,wBAAsB,MAAM,CAC1B,MAAM,EAAE,sBAAsB,EAC9B,EAAE,EAAE,wBAAwB,GAAG,IAAI,EACnC,OAAO,EAAE,mBAAmB,GAC3B,OAAO,CAAC,cAAc,CAAC,CAgNzB"}
+{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../../src/collections/operations/update.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EACV,wBAAwB,EACxB,sBAAsB,EACtB,cAAc,EAGd,mBAAmB,EAEpB,MAAM,sBAAsB,CAAC;AAoF9B,wBAAsB,MAAM,CAC1B,MAAM,EAAE,sBAAsB,EAC9B,EAAE,EAAE,wBAAwB,GAAG,IAAI,EACnC,OAAO,EAAE,mBAAmB,GAC3B,OAAO,CAAC,cAAc,CAAC,CAsOzB"}

package/dist/collections/operations/update.js

@@ -8,6 +8,7 @@ import { defaultLogger } from '../../instance/logger.js';
 import { collectJsonFields, serializeValueForDatabase } from '../../utils/json-parsing.js';
 import { flattenFields, isJsonFieldType } from '../../utils/type-guards.js';
 import { runBeforeFieldHooks } from './fieldHooks.js';
+import { runFieldValidators } from './fieldValidation.js';
 import { find } from './find.js';
 import { findByID } from './findById.js';
 import { checkExistsByIdQuery, selectJsonByIdQuery, updateByIdQuery, updateByIdWithVersionQuery, } from './sqlAdapter.js';
@@ -109,6 +110,10 @@ export async function update(config, db, options) {
             }
         }
     }
+    // Run field-level `validate` predicates for the fields present in this patch,
+    // after the built-in email check and before beforeChange hooks. Throws a
+    // ValidationError (HTTP 400) on the first failing field.
+    await runFieldValidators(config, data, 'update', options.req);
     // Run beforeChange field hooks after validation but before the DB write.
     await runBeforeFieldHooks(config, data, 'update', 'beforeChange', undefined, options.req);
     // Hash password if present and not already hashed (doesn't start with $2a$ or $2b$)
@@ -116,6 +121,21 @@ export async function update(config, db, options) {
         const saltRounds = 12;
         data.password = await bcrypt.hash(data.password, saltRounds);
     }
+    // Typed-storage write seam: a registered collectionStorage adapter may own
+    // this collection's writes. It receives the hook-processed `data` and returns
+    // the updated document, throws for not-found / optimistic-lock 409, or returns
+    // `undefined` to defer to the dynamic-SQL path below (same not-handled
+    // contract as the read seam).
+    if (db?.collectionStorage?.update) {
+        const doc = await db.collectionStorage.update(config, {
+            id,
+            data,
+            ...(options.req ? { req: options.req } : {}),
+        });
+        if (doc !== undefined) {
+            return doc;
+        }
+    }
     if (db?.query) {
         // Dynamic collection storage is quarantined in sqlAdapter.ts until this
         // layer is redesigned around typed tables that Drizzle can model directly.
@@ -135,6 +155,7 @@ export async function update(config, db, options) {
             'created_at',
             'updated_at',
             '_json',
+            '_status',
             'password',
         ]);
         if (config.fields) {

package/dist/error-handling/error-boundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/error-handling/error-boundary.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/error-handling/error-boundary.tsx"],"names":[],"mappings":"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"}

package/dist/error-handling/error-boundary.js

@@ -79,33 +79,37 @@ export class ErrorBoundary extends Component {
 }
 function DefaultErrorFallback({ error, errorInfo, onReset, isolate, }) {
     if (isolate) {
-        return (_jsx("div", { style: { padding: '16px', border: '1px solid #f44336', borderRadius: '4px' }, children: _jsx("p", { style: { color: '#f44336', fontWeight: 'bold' }, children: "Something went wrong" }) }));
+        return (_jsx("div", { style: {
+                padding: '16px',
+                border: '1px solid var(--rvui-error, #f44336)',
+                borderRadius: '4px',
+            }, children: _jsx("p", { style: { color: 'var(--rvui-error, #f44336)', fontWeight: 'bold' }, children: "Something went wrong" }) }));
     }
     return (_jsxs("div", { role: "alert", style: {
             padding: '24px',
             maxWidth: '600px',
             margin: '40px auto',
-            backgroundColor: '#fff',
-            border: '1px solid #f44336',
+            backgroundColor: 'var(--rvui-surface-0, #fff)',
+            border: '1px solid var(--rvui-error, #f44336)',
             borderRadius: '8px',
-        }, children: [_jsx("h2", { style: { color: '#f44336', marginTop: 0 }, children: "Something went wrong" }), _jsx("p", { style: { color: '#666' }, children: "An error occurred while rendering this component." }), process.env.NODE_ENV === 'development' && (_jsxs("details", { style: { marginTop: '16px' }, children: [_jsx("summary", { style: { cursor: 'pointer', fontWeight: 'bold' }, children: "Error details" }), _jsx("pre", { style: {
+        }, children: [_jsx("h2", { style: { color: 'var(--rvui-error, #f44336)', marginTop: 0 }, children: "Something went wrong" }), _jsx("p", { style: { color: 'var(--rvui-text-2, #666)' }, children: "An error occurred while rendering this component." }), process.env.NODE_ENV === 'development' && (_jsxs("details", { style: { marginTop: '16px' }, children: [_jsx("summary", { style: { cursor: 'pointer', fontWeight: 'bold' }, children: "Error details" }), _jsx("pre", { style: {
                             marginTop: '8px',
                             padding: '12px',
-                            backgroundColor: '#f5f5f5',
+                            backgroundColor: 'var(--rvui-surface-2, #f5f5f5)',
                             borderRadius: '4px',
                             overflow: 'auto',
                             fontSize: '12px',
                         }, children: error.toString() }), _jsx("pre", { style: {
                             marginTop: '8px',
                             padding: '12px',
-                            backgroundColor: '#f5f5f5',
+                            backgroundColor: 'var(--rvui-surface-2, #f5f5f5)',
                             borderRadius: '4px',
                             overflow: 'auto',
                             fontSize: '12px',
                         }, children: errorInfo?.componentStack })] })), _jsx("button", { type: "button", onClick: onReset, style: {
                     marginTop: '16px',
                     padding: '8px 16px',
-                    backgroundColor: '#2196f3',
+                    backgroundColor: 'var(--rvui-brand, #2196f3)',
                     color: '#fff',
                     border: 'none',
                     borderRadius: '4px',

package/dist/error-handling/fallback-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fallback-components.d.ts","sourceRoot":"","sources":["../../src/error-handling/fallback-components.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"fallback-components.d.ts","sourceRoot":"","sources":["../../src/error-handling/fallback-components.tsx"],"names":[],"mappings":"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"}

package/dist/error-handling/fallback-components.js

@@ -13,15 +13,15 @@ export function ErrorFallback({ error, onRetry, onDismiss, title = 'Something we
     if (compact) {
         return (_jsxs("div", { style: {
                 padding: '12px',
-                backgroundColor: '#fee',
-                border: '1px solid #fcc',
+                backgroundColor: 'var(--rvui-error-subtle, #fee)',
+                border: '1px solid var(--rvui-error, #fcc)',
                 borderRadius: '4px',
-                color: '#c00',
+                color: 'var(--rvui-error, #c00)',
             }, children: [_jsx("strong", { children: title }), message && _jsx("p", { style: { margin: '4px 0 0 0', fontSize: '14px' }, children: message }), onRetry && (_jsx("button", { type: "button", onClick: onRetry, style: {
                         marginTop: '8px',
                         padding: '4px 12px',
                         fontSize: '12px',
-                        backgroundColor: '#c00',
+                        backgroundColor: 'var(--rvui-error, #c00)',
                         color: '#fff',
                         border: 'none',
                         borderRadius: '4px',
@@ -32,28 +32,28 @@ export function ErrorFallback({ error, onRetry, onDismiss, title = 'Something we
             padding: '24px',
             maxWidth: '600px',
             margin: '40px auto',
-            backgroundColor: '#fff',
-            border: '2px solid #f44336',
+            backgroundColor: 'var(--rvui-surface-0, #fff)',
+            border: '2px solid var(--rvui-error, #f44336)',
             borderRadius: '8px',
             boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
-        }, children: [_jsx("h2", { style: { color: '#f44336', marginTop: 0 }, children: title }), _jsx("p", { style: { color: '#666', lineHeight: 1.6 }, children: message || 'An unexpected error occurred. Please try again.' }), showDetails && error && (_jsxs("details", { style: { marginTop: '16px' }, children: [_jsx("summary", { style: {
+        }, children: [_jsx("h2", { style: { color: 'var(--rvui-error, #f44336)', marginTop: 0 }, children: title }), _jsx("p", { style: { color: 'var(--rvui-text-2, #666)', lineHeight: 1.6 }, children: message || 'An unexpected error occurred. Please try again.' }), showDetails && error && (_jsxs("details", { style: { marginTop: '16px' }, children: [_jsx("summary", { style: {
                             cursor: 'pointer',
                             fontWeight: 'bold',
-                            color: '#333',
+                            color: 'var(--rvui-text-1, #333)',
                             padding: '8px',
-                            backgroundColor: '#f5f5f5',
+                            backgroundColor: 'var(--rvui-surface-2, #f5f5f5)',
                             borderRadius: '4px',
                         }, children: "Error details" }), _jsxs("pre", { style: {
                             marginTop: '8px',
                             padding: '12px',
-                            backgroundColor: '#f5f5f5',
+                            backgroundColor: 'var(--rvui-surface-2, #f5f5f5)',
                             borderRadius: '4px',
                             overflow: 'auto',
                             fontSize: '12px',
-                            color: '#c00',
+                            color: 'var(--rvui-error, #c00)',
                         }, children: [error.name, ": ", error.message, error.stack && `\n\n${error.stack}`] })] })), _jsxs("div", { style: { marginTop: '24px', display: 'flex', gap: '12px' }, children: [onRetry && (_jsx("button", { type: "button", onClick: onRetry, style: {
                             padding: '10px 20px',
-                            backgroundColor: '#2196f3',
+                            backgroundColor: 'var(--rvui-brand, #2196f3)',
                             color: '#fff',
                             border: 'none',
                             borderRadius: '4px',
@@ -61,9 +61,9 @@ export function ErrorFallback({ error, onRetry, onDismiss, title = 'Something we
                             fontWeight: 'bold',
                         }, children: "Try Again" })), onDismiss && (_jsx("button", { type: "button", onClick: onDismiss, style: {
                             padding: '10px 20px',
-                            backgroundColor: '#fff',
-                            color: '#666',
-                            border: '1px solid #ddd',
+                            backgroundColor: 'var(--rvui-surface-0, #fff)',
+                            color: 'var(--rvui-text-2, #666)',
+                            border: '1px solid var(--rvui-border, #ddd)',
                             borderRadius: '4px',
                             cursor: 'pointer',
                         }, children: "Dismiss" }))] })] }));
@@ -77,10 +77,10 @@ export function NetworkErrorFallback({ onRetry, message = 'Unable to connect to
             textAlign: 'center',
             maxWidth: '400px',
             margin: '40px auto',
-        }, children: [_jsx("div", { style: { fontSize: '48px', marginBottom: '16px' }, children: "\uD83D\uDCE1" }), _jsx("h3", { style: { color: '#333', marginTop: 0 }, children: "Connection Error" }), _jsx("p", { style: { color: '#666', lineHeight: 1.6 }, children: message }), onRetry && (_jsx("button", { type: "button", onClick: onRetry, style: {
+        }, children: [_jsx("div", { style: { fontSize: '48px', marginBottom: '16px' }, children: "\uD83D\uDCE1" }), _jsx("h3", { style: { color: 'var(--rvui-text-1, #333)', marginTop: 0 }, children: "Connection Error" }), _jsx("p", { style: { color: 'var(--rvui-text-2, #666)', lineHeight: 1.6 }, children: message }), onRetry && (_jsx("button", { type: "button", onClick: onRetry, style: {
                     marginTop: '16px',
                     padding: '10px 20px',
-                    backgroundColor: '#2196f3',
+                    backgroundColor: 'var(--rvui-brand, #2196f3)',
                     color: '#fff',
                     border: 'none',
                     borderRadius: '4px',
@@ -97,10 +97,10 @@ export function NotFoundFallback({ title = 'Page Not Found', message = 'The page
             textAlign: 'center',
             maxWidth: '400px',
             margin: '40px auto',
-        }, children: [_jsx("div", { style: { fontSize: '72px', marginBottom: '16px' }, children: "404" }), _jsx("h2", { style: { color: '#333', marginTop: 0 }, children: title }), _jsx("p", { style: { color: '#666', lineHeight: 1.6 }, children: message }), onGoHome && (_jsx("button", { type: "button", onClick: onGoHome, style: {
+        }, children: [_jsx("div", { style: { fontSize: '72px', marginBottom: '16px' }, children: "404" }), _jsx("h2", { style: { color: 'var(--rvui-text-1, #333)', marginTop: 0 }, children: title }), _jsx("p", { style: { color: 'var(--rvui-text-2, #666)', lineHeight: 1.6 }, children: message }), onGoHome && (_jsx("button", { type: "button", onClick: onGoHome, style: {
                     marginTop: '16px',
                     padding: '10px 20px',
-                    backgroundColor: '#2196f3',
+                    backgroundColor: 'var(--rvui-brand, #2196f3)',
                     color: '#fff',
                     border: 'none',
                     borderRadius: '4px',
@@ -135,11 +135,11 @@ export function LoadingFallback({ message = 'Loading...', timeout, onTimeout, })
                     width: '40px',
                     height: '40px',
                     margin: '0 auto 16px',
-                    border: '4px solid #f3f3f3',
-                    borderTop: '4px solid #2196f3',
+                    border: '4px solid var(--rvui-surface-2, #f3f3f3)',
+                    borderTop: '4px solid var(--rvui-brand, #2196f3)',
                     borderRadius: '50%',
                     animation: 'spin 1s linear infinite',
-                } }), _jsx("p", { style: { color: '#666' }, children: message }), _jsx("style", { children: `
+                } }), _jsx("p", { style: { color: 'var(--rvui-text-2, #666)' }, children: message }), _jsx("style", { children: `
           @keyframes spin {
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
@@ -152,10 +152,10 @@ export function LoadingFallback({ message = 'Loading...', timeout, onTimeout, })
 export function OfflineFallback({ message = 'You are currently offline. Some features may be unavailable.', children, }) {
     return (_jsxs("div", { children: [_jsxs("div", { style: {
                     padding: '12px 16px',
-                    backgroundColor: '#fff3cd',
-                    borderBottom: '1px solid #ffc107',
+                    backgroundColor: 'var(--rvui-warning-subtle, #fff3cd)',
+                    borderBottom: '1px solid var(--rvui-warning, #ffc107)',
                     textAlign: 'center',
-                    color: '#856404',
+                    color: 'var(--rvui-warning-text, #856404)',
                 }, children: [_jsx("strong", { children: "\u26A0\uFE0F Offline Mode" }), _jsx("span", { style: { marginLeft: '8px', fontSize: '14px' }, children: message })] }), children] }));
 }
 /**
@@ -168,10 +168,10 @@ export function DegradedServiceFallback({ serviceName, message, children, }) {
             : 'Some services are experiencing issues. Functionality may be limited.');
     return (_jsxs("div", { children: [_jsxs("div", { style: {
                     padding: '12px 16px',
-                    backgroundColor: '#fff3cd',
-                    borderBottom: '1px solid #ffc107',
+                    backgroundColor: 'var(--rvui-warning-subtle, #fff3cd)',
+                    borderBottom: '1px solid var(--rvui-warning, #ffc107)',
                     textAlign: 'center',
-                    color: '#856404',
+                    color: 'var(--rvui-warning-text, #856404)',
                 }, children: [_jsx("strong", { children: "\u26A0\uFE0F Service Degraded" }), _jsx("span", { style: { marginLeft: '8px', fontSize: '14px' }, children: displayMessage })] }), children] }));
 }
 /**
@@ -183,7 +183,7 @@ export function MaintenanceFallback({ title = 'Under Maintenance', message = 'We
             textAlign: 'center',
             maxWidth: '500px',
             margin: '40px auto',
-        }, children: [_jsx("div", { style: { fontSize: '64px', marginBottom: '24px' }, children: "\uD83D\uDD27" }), _jsx("h1", { style: { color: '#333', marginTop: 0 }, children: title }), _jsx("p", { style: { color: '#666', lineHeight: 1.6, fontSize: '16px' }, children: message }), estimatedTime && (_jsxs("p", { style: { color: '#999', marginTop: '16px' }, children: ["Estimated completion: ", estimatedTime] }))] }));
+        }, children: [_jsx("div", { style: { fontSize: '64px', marginBottom: '24px' }, children: "\uD83D\uDD27" }), _jsx("h1", { style: { color: 'var(--rvui-text-1, #333)', marginTop: 0 }, children: title }), _jsx("p", { style: { color: 'var(--rvui-text-2, #666)', lineHeight: 1.6, fontSize: '16px' }, children: message }), estimatedTime && (_jsxs("p", { style: { color: 'var(--rvui-text-2, #999)', marginTop: '16px' }, children: ["Estimated completion: ", estimatedTime] }))] }));
 }
 /**
  * Permission denied fallback
@@ -194,9 +194,9 @@ export function PermissionDeniedFallback({ message = 'You do not have permission
             textAlign: 'center',
             maxWidth: '400px',
             margin: '40px auto',
-        }, children: [_jsx("div", { style: { fontSize: '64px', marginBottom: '16px' }, children: "\uD83D\uDD12" }), _jsx("h2", { style: { color: '#333', marginTop: 0 }, children: "Access Denied" }), _jsx("p", { style: { color: '#666', lineHeight: 1.6 }, children: message }), _jsxs("div", { style: { marginTop: '24px', display: 'flex', gap: '12px', justifyContent: 'center' }, children: [onRequestAccess && (_jsx("button", { type: "button", onClick: onRequestAccess, style: {
+        }, children: [_jsx("div", { style: { fontSize: '64px', marginBottom: '16px' }, children: "\uD83D\uDD12" }), _jsx("h2", { style: { color: 'var(--rvui-text-1, #333)', marginTop: 0 }, children: "Access Denied" }), _jsx("p", { style: { color: 'var(--rvui-text-2, #666)', lineHeight: 1.6 }, children: message }), _jsxs("div", { style: { marginTop: '24px', display: 'flex', gap: '12px', justifyContent: 'center' }, children: [onRequestAccess && (_jsx("button", { type: "button", onClick: onRequestAccess, style: {
                             padding: '10px 20px',
-                            backgroundColor: '#2196f3',
+                            backgroundColor: 'var(--rvui-brand, #2196f3)',
                             color: '#fff',
                             border: 'none',
                             borderRadius: '4px',
@@ -204,9 +204,9 @@ export function PermissionDeniedFallback({ message = 'You do not have permission
                             fontWeight: 'bold',
                         }, children: "Request Access" })), onGoBack && (_jsx("button", { type: "button", onClick: onGoBack, style: {
                             padding: '10px 20px',
-                            backgroundColor: '#fff',
-                            color: '#666',
-                            border: '1px solid #ddd',
+                            backgroundColor: 'var(--rvui-surface-0, #fff)',
+                            color: 'var(--rvui-text-2, #666)',
+                            border: '1px solid var(--rvui-border, #ddd)',
                             borderRadius: '4px',
                             cursor: 'pointer',
                         }, children: "Go Back" }))] })] }));
@@ -264,7 +264,7 @@ export function FeatureUnavailableFallback({ featureName, message, }) {
             textAlign: 'center',
             maxWidth: '400px',
             margin: '40px auto',
-        }, children: [_jsx("div", { style: { fontSize: '48px', marginBottom: '16px' }, children: "\uD83D\uDEA7" }), _jsx("h3", { style: { color: '#333', marginTop: 0 }, children: "Feature Unavailable" }), _jsx("p", { style: { color: '#666', lineHeight: 1.6 }, children: message || `The "${featureName}" feature is currently unavailable.` })] }));
+        }, children: [_jsx("div", { style: { fontSize: '48px', marginBottom: '16px' }, children: "\uD83D\uDEA7" }), _jsx("h3", { style: { color: 'var(--rvui-text-1, #333)', marginTop: 0 }, children: "Feature Unavailable" }), _jsx("p", { style: { color: 'var(--rvui-text-2, #666)', lineHeight: 1.6 }, children: message || `The "${featureName}" feature is currently unavailable.` })] }));
 }
 /**
  * Inline error message
@@ -272,17 +272,17 @@ export function FeatureUnavailableFallback({ featureName, message, }) {
 export function InlineError({ message, onDismiss, }) {
     return (_jsxs("div", { role: "alert", style: {
             padding: '12px 16px',
-            backgroundColor: '#fee',
-            border: '1px solid #fcc',
+            backgroundColor: 'var(--rvui-error-subtle, #fee)',
+            border: '1px solid var(--rvui-error, #fcc)',
             borderRadius: '4px',
-            color: '#c00',
+            color: 'var(--rvui-error, #c00)',
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'space-between',
         }, children: [_jsxs("span", { style: { display: 'flex', alignItems: 'center' }, children: [_jsx("span", { style: { marginRight: '8px' }, children: "\u26A0\uFE0F" }), message] }), onDismiss && (_jsx("button", { type: "button", onClick: onDismiss, style: {
                     background: 'none',
                     border: 'none',
-                    color: '#c00',
+                    color: 'var(--rvui-error, #c00)',
                     cursor: 'pointer',
                     fontSize: '18px',
                     padding: '0 4px',
@@ -294,17 +294,17 @@ export function InlineError({ message, onDismiss, }) {
 export function SuccessMessage({ message, onDismiss, }) {
     return (_jsxs("output", { style: {
             padding: '12px 16px',
-            backgroundColor: '#efe',
-            border: '1px solid #cec',
+            backgroundColor: 'var(--rvui-success-subtle, #efe)',
+            border: '1px solid var(--rvui-success, #cec)',
             borderRadius: '4px',
-            color: '#060',
+            color: 'var(--rvui-success, #060)',
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'space-between',
         }, children: [_jsxs("span", { style: { display: 'flex', alignItems: 'center' }, children: [_jsx("span", { style: { marginRight: '8px' }, children: "\u2713" }), message] }), onDismiss && (_jsx("button", { type: "button", onClick: onDismiss, style: {
                     background: 'none',
                     border: 'none',
-                    color: '#060',
+                    color: 'var(--rvui-success, #060)',
                     cursor: 'pointer',
                     fontSize: '18px',
                     padding: '0 4px',
@@ -322,10 +322,30 @@ export function Toast({ type = 'info', message, duration = 5000, onDismiss, }) {
         return undefined;
     }, [duration, onDismiss]);
     const colors = {
-        success: { bg: '#efe', border: '#cec', text: '#060', icon: '✓' },
-        error: { bg: '#fee', border: '#fcc', text: '#c00', icon: '✗' },
-        warning: { bg: '#fff3cd', border: '#ffc107', text: '#856404', icon: '!' },
-        info: { bg: '#e7f3ff', border: '#2196f3', text: '#0c5393', icon: 'i' },
+        success: {
+            bg: 'var(--rvui-success-subtle, #efe)',
+            border: 'var(--rvui-success, #cec)',
+            text: 'var(--rvui-success, #060)',
+            icon: '✓',
+        },
+        error: {
+            bg: 'var(--rvui-error-subtle, #fee)',
+            border: 'var(--rvui-error, #fcc)',
+            text: 'var(--rvui-error, #c00)',
+            icon: '✗',
+        },
+        warning: {
+            bg: 'var(--rvui-warning-subtle, #fff3cd)',
+            border: 'var(--rvui-warning, #ffc107)',
+            text: 'var(--rvui-warning-text, #856404)',
+            icon: '!',
+        },
+        info: {
+            bg: 'var(--rvui-info-subtle, #e7f3ff)',
+            border: 'var(--rvui-brand, #2196f3)',
+            text: 'var(--rvui-brand, #0c5393)',
+            icon: 'i',
+        },
     };
     const color = colors[type];
     return (_jsxs("div", { style: {
@@ -360,7 +380,7 @@ export function Skeleton({ width = '100%', height = '20px', borderRadius = '4px'
             width,
             height,
             borderRadius,
-            backgroundColor: '#e0e0e0',
+            backgroundColor: 'var(--rvui-surface-2, #e0e0e0)',
             animation: 'pulse 1.5s ease-in-out infinite',
         }, children: _jsx("style", { children: `
           @keyframes pulse {