@donotdev/ui 0.0.13 → 0.0.15

package/dist/utils/index.d.ts

@@ -14,4 +14,5 @@ export * from './useStripeBillingSafe';
 export * from './useBillingVisibility';
 export * from './useOAuthSafe';
 export * from './tList';
+export * from './sanitizeSvg';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC"}

package/dist/utils/index.js

@@ -15,3 +15,4 @@ export * from './useStripeBillingSafe';
 export * from './useBillingVisibility';
 export * from './useOAuthSafe';
 export * from './tList';
+export * from './sanitizeSvg';

package/dist/utils/sanitizeSvg.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Strips known XSS vectors from an SVG string.
+ *
+ * @param svg - Raw SVG string (build-time or static source)
+ * @returns Sanitized SVG string safe for dangerouslySetInnerHTML
+ *
+ * @example
+ * ```tsx
+ * <div dangerouslySetInnerHTML={{ __html: sanitizeSvg(svgContent) }} />
+ * ```
+ */
+export declare function sanitizeSvg(svg: string): string;
+//# sourceMappingURL=sanitizeSvg.d.ts.map

package/dist/utils/sanitizeSvg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitizeSvg.d.ts","sourceRoot":"","sources":["../../src/utils/sanitizeSvg.ts"],"names":[],"mappings":"AA+BA;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAO/C"}

package/dist/utils/sanitizeSvg.js

@@ -0,0 +1,47 @@
+// packages/ui/src/utils/sanitizeSvg.ts
+/**
+ * @fileoverview Minimal SVG sanitizer
+ * @description Strips dangerous elements and attributes from SVG strings
+ * without requiring a third-party DOMPurify dependency.
+ *
+ * Removes:
+ * - `<script>` elements and their content
+ * - `<foreignObject>` elements (arbitrary HTML injection vector)
+ * - Event handler attributes (on*)
+ * - `href` / `xlink:href` values starting with `javascript:`
+ * - `data:` URIs in href attributes (except safe image types)
+ *
+ * @remarks
+ * This is intentionally a lightweight allowlist approach for SVG strings
+ * that originate from build-time assets (logo.svg) or internal static data
+ * (techLogos). For user-provided SVG content, use DOMPurify instead.
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+/** Regex patterns for known XSS vectors in SVG */
+const SCRIPT_TAG_RE = /<script[\s\S]*?<\/script>/gi;
+const FOREIGN_OBJECT_RE = /<foreignObject[\s\S]*?<\/foreignObject>/gi;
+const EVENT_HANDLER_RE = /\s+on\w+\s*=\s*["'][^"']*["']/gi;
+const JAVASCRIPT_HREF_RE = /\s+(?:xlink:)?href\s*=\s*["']\s*javascript:[^"']*["']/gi;
+const DATA_URI_HREF_RE = /\s+(?:xlink:)?href\s*=\s*["']\s*data:(?!image\/(?:png|jpe?g|gif|webp|svg\+xml))[^"']*["']/gi;
+/**
+ * Strips known XSS vectors from an SVG string.
+ *
+ * @param svg - Raw SVG string (build-time or static source)
+ * @returns Sanitized SVG string safe for dangerouslySetInnerHTML
+ *
+ * @example
+ * ```tsx
+ * <div dangerouslySetInnerHTML={{ __html: sanitizeSvg(svgContent) }} />
+ * ```
+ */
+export function sanitizeSvg(svg) {
+    return svg
+        .replace(SCRIPT_TAG_RE, '')
+        .replace(FOREIGN_OBJECT_RE, '')
+        .replace(EVENT_HANDLER_RE, '')
+        .replace(JAVASCRIPT_HREF_RE, '')
+        .replace(DATA_URI_HREF_RE, '');
+}

package/dist/utils/useBillingVisibility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBillingVisibility.d.ts","sourceRoot":"","sources":["../../src/utils/useBillingVisibility.ts"],"names":[],"mappings":"AAmBA,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,oBAAoB,IAAI,sBAAsB,CA0B7D"}
+{"version":3,"file":"useBillingVisibility.d.ts","sourceRoot":"","sources":["../../src/utils/useBillingVisibility.ts"],"names":[],"mappings":"AAmBA,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,oBAAoB,IAAI,sBAAsB,CAkB7D"}

package/dist/utils/useBillingVisibility.js

@@ -49,13 +49,6 @@ export function useBillingVisibility() {
     const shouldHide = !isAvailable;
     const isLoading = billingStatus === 'initializing';
     const isReady = isAvailable && billingStatus === 'ready';
-    console.log('[useBillingVisibility]', {
-        billingStatus,
-        isAvailable,
-        shouldHide,
-        isLoading,
-        isReady,
-    });
     return {
         shouldHide,
         isLoading,

package/dist/utils/useCrudSafe.d.ts

@@ -1,7 +1,5 @@
 import type { CrudAPI, dndevSchema, Entity } from '@donotdev/core';
-type BackendType = 'firestore' | 'functions';
 interface UseCrudSafeOptions<T> {
-    backend?: BackendType;
     schema?: dndevSchema<T>;
     entity?: Entity;
     staleTime?: number;

package/dist/utils/useCrudSafe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCrudSafe.d.ts","sourceRoot":"","sources":["../../src/utils/useCrudSafe.ts"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAInE,KAAK,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;AAE7C,UAAU,kBAAkB,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAkBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,CAAC,GAAG,OAAO,EACrC,kBAAkB,EAAE,MAAM,GAAG,MAAM,EACnC,OAAO,GAAE,kBAAkB,CAAC,CAAC,CAAM,GAClC,OAAO,CAAC,CAAC,CAAC,CAKZ;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,SAAoC,CAAC"}
+{"version":3,"file":"useCrudSafe.d.ts","sourceRoot":"","sources":["../../src/utils/useCrudSafe.ts"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGnE,UAAU,kBAAkB,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAkBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,CAAC,GAAG,OAAO,EACrC,kBAAkB,EAAE,MAAM,GAAG,MAAM,EACnC,OAAO,GAAE,kBAAkB,CAAC,CAAC,CAAM,GAClC,OAAO,CAAC,CAAC,CAAC,CAKZ;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,SAAoC,CAAC"}

package/dist/utils/useFormStoreSafe.d.ts

@@ -12,15 +12,17 @@ declare const DEGRADED_FORM_STORE_STATE: {
     readonly setError: () => void;
     readonly reset: () => void;
     readonly cleanup: () => void;
-    readonly setIsDirty: () => void;
+    readonly setIsDirty: (_formId: string, _isDirty: boolean) => void;
     readonly hasDirtyForms: () => boolean;
-    readonly getDirtyFormIds: () => never[];
+    readonly getDirtyFormIds: () => string[];
     readonly getStatus: () => "idle";
     readonly isLoading: () => boolean;
     readonly getUploadProgress: () => number;
     readonly getError: () => null;
     readonly getIsDirty: () => boolean;
 };
+/** Minimal shape shared between the real FormStore state and the degraded fallback */
+type FormStoreLike = typeof DEGRADED_FORM_STORE_STATE;
 /**
  * Check if FormStore is available
  */
@@ -38,22 +40,9 @@ export declare const isFormStoreAvailable: boolean;
  * // Always safe to call - returns false when degraded
  * ```
  */
-export declare function useFormStoreSafe<T>(selector: (state: any) => T): T;
+export declare function useFormStoreSafe<T>(selector: (state: FormStoreLike) => T): T;
 export declare namespace useFormStoreSafe {
     var getState: () => typeof DEGRADED_FORM_STORE_STATE;
 }
-/**
- * Check if any forms are dirty (safe version).
- * Returns false if CRUD package not available.
- */
-export declare function useHasDirtyFormsSafe(): boolean;
-/**
- * Check if navigation should be blocked (safe version).
- * Returns a function that checks FormStore and shows confirmation if needed.
- *
- * @param message - Confirmation message
- * @returns Promise<boolean> - true if navigation should proceed
- */
-export declare function checkFormNavigationSafe(message?: string): Promise<boolean>;
 export {};
 //# sourceMappingURL=useFormStoreSafe.d.ts.map

package/dist/utils/useFormStoreSafe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormStoreSafe.d.ts","sourceRoot":"","sources":["../../src/utils/useFormStoreSafe.ts"],"names":[],"mappings":"AA8BA;;;GAGG;AACH,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;CAqBrB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,oBAAoB,SAAyC,CAAC;AAE3E;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAKlE;yBALe,gBAAgB;wBAmBA,OAAO,yBAAyB;;AAOhE;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAG9C;AAED;;;;;;GAMG;AACH,wBAAsB,uBAAuB,CAC3C,OAAO,SAA4C,GAClD,OAAO,CAAC,OAAO,CAAC,CAUlB"}
+{"version":3,"file":"useFormStoreSafe.d.ts","sourceRoot":"","sources":["../../src/utils/useFormStoreSafe.ts"],"names":[],"mappings":"AAwBA;;;GAGG;AACH,QAAA,MAAM,yBAAyB;;;;;;;;;;mCAYP,MAAM,YAAY,OAAO;;oCAElB,MAAM,EAAE;;;;;;CAO7B,CAAC;AAEX,sFAAsF;AACtF,KAAK,aAAa,GAAG,OAAO,yBAAyB,CAAC;AAQtD;;GAEG;AACH,eAAO,MAAM,oBAAoB,SAAyC,CAAC;AAE3E;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,CAAC,GAAG,CAAC,CAK5E;yBALe,gBAAgB;wBAaA,OAAO,yBAAyB"}

package/dist/utils/useFormStoreSafe.js

@@ -11,16 +11,13 @@
  *
  * @see packages/ui/src/utils/useAuthSafe.ts for pattern reference
  * @see docs/development/GRACEFUL_DEGRADATION.md
- * @version 0.0.1
+ * @version 0.0.2
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
 import * as crudModule from '@donotdev/crud';
 // Sync import - bundler aliases to empty module if not installed
 // Decision made ONCE at module load time, never changes
-// Extract useFormStore if available (undefined if package not installed/aliased)
-// Zustand stores have both the hook and getState method
-const realUseFormStore = crudModule?.useFormStore;
 /**
  * Degraded FormStore state - returned when CRUD package not installed
  * Matches FormStoreState & FormStoreActions interface
@@ -37,8 +34,8 @@ const DEGRADED_FORM_STORE_STATE = {
     reset: () => { },
     cleanup: () => { },
     // Dirty state management
-    setIsDirty: () => { },
-    hasDirtyForms: () => false, // Key method - returns false when degraded
+    setIsDirty: (_formId, _isDirty) => { },
+    hasDirtyForms: () => false,
     getDirtyFormIds: () => [],
     // Getters
     getStatus: () => 'idle',
@@ -47,6 +44,9 @@ const DEGRADED_FORM_STORE_STATE = {
     getError: () => null,
     getIsDirty: () => false,
 };
+// Extract useFormStore if available (undefined if package not installed/aliased)
+// Zustand stores have both the hook and getState method
+const realUseFormStore = crudModule?.useFormStore;
 /**
  * Check if FormStore is available
  */
@@ -75,12 +75,6 @@ export function useFormStoreSafe(selector) {
  * Use this in non-React contexts or for one-time checks.
  *
  * @returns FormStore state, or degraded state if CRUD not available
- *
- * @example
- * ```tsx
- * const state = useFormStoreSafe.getState();
- * const hasDirty = state.hasDirtyForms(); // Always safe to call
- * ```
  */
 useFormStoreSafe.getState = () => {
     if (realUseFormStore && typeof realUseFormStore.getState === 'function') {
@@ -88,28 +82,3 @@ useFormStoreSafe.getState = () => {
     }
     return DEGRADED_FORM_STORE_STATE;
 };
-/**
- * Check if any forms are dirty (safe version).
- * Returns false if CRUD package not available.
- */
-export function useHasDirtyFormsSafe() {
-    const hasDirtyForms = useFormStoreSafe((state) => state.hasDirtyForms());
-    return hasDirtyForms();
-}
-/**
- * Check if navigation should be blocked (safe version).
- * Returns a function that checks FormStore and shows confirmation if needed.
- *
- * @param message - Confirmation message
- * @returns Promise<boolean> - true if navigation should proceed
- */
-export async function checkFormNavigationSafe(message = 'You have unsaved changes. Discard them?') {
-    const state = useFormStoreSafe.getState();
-    const hasDirtyForms = state.hasDirtyForms();
-    if (!hasDirtyForms)
-        return true; // No dirty forms = allow navigation
-    if (typeof window !== 'undefined' && window.confirm) {
-        return window.confirm(message);
-    }
-    return true;
-}

package/dist/vite-routing/AppRoutes.d.ts

@@ -1,16 +1,27 @@
-import type { LayoutConfig } from '@donotdev/core';
+import type { PageAuth, LayoutConfig } from '@donotdev/core';
+import type { ComponentType } from 'react';
+/** Lazy-loadable page component factory or Vite glob string reference */
+type PageComponentFactory = (() => Promise<{
+    default: ComponentType;
+}>) | string;
 /**
  * Route group from useRouteDiscovery
  */
 export interface RouteGroup {
     label: string;
-    icon?: any;
-    routes: Array<{
-        path: string;
-        component: any;
-        auth?: any;
-        [key: string]: any;
-    }>;
+    icon?: unknown;
+    routes: Array<RouteGroupEntry>;
+}
+/** Minimal route entry shape accepted by createAppRouter */
+export interface RouteGroupEntry {
+    path: string;
+    component: PageComponentFactory;
+    auth?: boolean | PageAuth;
+    label?: string;
+    importPath?: string;
+    exportName?: string;
+    meta?: unknown;
+    icon?: unknown;
 }
 /**
  * Options for createAppRouter

package/dist/vite-routing/AppRoutes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppRoutes.d.ts","sourceRoot":"","sources":["../../src/vite-routing/AppRoutes.tsx"],"names":[],"mappings":"AAoDA,OAAO,KAAK,EAAY,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAyF7D;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,GAAG,CAAC;QACf,IAAI,CAAC,EAAE,GAAG,CAAC;QACX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC,CAAC;CACJ;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,4CAA4C;IAC5C,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,yCA8D9D"}
+{"version":3,"file":"AppRoutes.d.ts","sourceRoot":"","sources":["../../src/vite-routing/AppRoutes.tsx"],"names":[],"mappings":"AAoDA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM7D,OAAO,KAAK,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAGhE,yEAAyE;AACzE,KAAK,oBAAoB,GAAG,CAAC,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,CAAC,CAAC,GAAG,MAAM,CAAC;AA+EjF;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CAChC;AAED,4DAA4D;AAC5D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,oBAAoB,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,4CAA4C;IAC5C,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,yCA8D9D"}

package/dist/vite-routing/AppRoutes.js

@@ -108,9 +108,6 @@ function parseAuthConfig(auth) {
     if (typeof auth === 'object' && auth !== null) {
         return auth; // Return PageAuth object as-is
     }
-    if (typeof auth === 'function') {
-        return false; // Functions are not valid auth configs
-    }
     return false; // Default to public
 }
 /**

package/dist/vite-routing/RootLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RootLayout.d.ts","sourceRoot":"","sources":["../../src/vite-routing/RootLayout.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA0LnD;;GAEG;AACH,UAAU,oBAAoB;IAC5B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAgC1D"}
+{"version":3,"file":"RootLayout.d.ts","sourceRoot":"","sources":["../../src/vite-routing/RootLayout.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAwLnD;;GAEG;AACH,UAAU,oBAAoB;IAC5B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAgC1D"}

package/dist/vite-routing/RootLayout.js

@@ -51,21 +51,17 @@ const RedirectOverlay = lazy(() => import('../components/common/RedirectOverlay'
 function CustomScrollRestoration() {
     const location = useLocation();
     const scrollPositions = useRef(new Map());
-    const isFirstRender = useRef(true);
+    const prevLocationKey = useRef(null);
     useEffect(() => {
-        // Skip on first render (initial page load)
-        if (isFirstRender.current) {
-            isFirstRender.current = false;
-            return;
-        }
         const mainElement = document.querySelector('main[role="main"]');
         if (!mainElement)
             return;
-        // Save current scroll position before navigating
-        const currentKey = location.key;
-        // Check if this is a back/forward navigation (location.state can indicate this)
-        // For now, we'll use a simple heuristic: if we have a saved position, it's likely POP
-        const savedPosition = scrollPositions.current.get(currentKey);
+        // Save scroll position of the page we're leaving (Item 89)
+        if (prevLocationKey.current) {
+            scrollPositions.current.set(prevLocationKey.current, mainElement.scrollTop);
+        }
+        // Check if this is a back/forward navigation (POP) by checking saved position
+        const savedPosition = scrollPositions.current.get(location.key);
         if (savedPosition !== undefined) {
             // POP navigation - restore scroll position
             requestAnimationFrame(() => {
@@ -75,11 +71,10 @@ function CustomScrollRestoration() {
         else {
             // PUSH navigation - scroll to top
             mainElement.scrollTop = 0;
-            // Save this position for potential back navigation
-            scrollPositions.current.set(currentKey, 0);
         }
-        // Cleanup: Keep only last 10 positions to prevent memory leaks
-        if (scrollPositions.current.size > 10) {
+        prevLocationKey.current = location.key;
+        // Cleanup: Keep only last 20 positions to prevent memory leaks
+        if (scrollPositions.current.size > 20) {
             const firstKey = scrollPositions.current.keys().next().value;
             if (firstKey) {
                 scrollPositions.current.delete(firstKey);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@donotdev/ui",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "type": "module",
   "private": false,
   "license": "SEE LICENSE IN LICENSE.md",
@@ -44,24 +44,28 @@
   "scripts": {
     "dev": "tsc --noEmit --watch --listFiles false --listEmittedFiles false",
     "clean": "rimraf dist tsconfig.tsbuildinfo",
-    "type-check": "tsc --noEmit"
+    "type-check": "bunx tsc --noEmit"
   },
   "dependencies": {
+    "@fontsource/inter": "^5.2.8",
+    "@fontsource/playfair-display": "^5.2.8",
+    "@fontsource/roboto": "^5.2.9",
+    "@fontsource/space-grotesk": "^5.2.10",
     "@hookform/resolvers": "^5.2.2",
     "react-helmet-async": "^2.0.5",
     "react-hook-form": "^7.71.1"
   },
   "peerDependencies": {
-    "@donotdev/adv-comps": "^0.0.9",
-    "@donotdev/auth": "^0.0.6",
-    "@donotdev/billing": "^0.0.5",
-    "@donotdev/components": "^0.0.15",
-    "@donotdev/core": "^0.0.20",
-    "@donotdev/crud": "^0.0.11",
-    "@donotdev/firebase": "^0.0.9",
-    "@donotdev/oauth": "^0.0.5",
-    "firebase": "^12.8.0",
-    "lucide-react": "^0.563.0",
+    "@donotdev/adv-comps": "^0.0.13",
+    "@donotdev/auth": "^0.0.9",
+    "@donotdev/billing": "^0.0.8",
+    "@donotdev/components": "^0.0.19",
+    "@donotdev/core": "^0.0.25",
+    "@donotdev/crud": "^0.0.16",
+    "@donotdev/firebase": "^0.0.12",
+    "@donotdev/oauth": "^0.0.8",
+    "firebase": "^12.9.0",
+    "lucide-react": "^0.574.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "react-router-dom": "^7.13.0",

package/assets/fonts/fonts.css

@@ -1,206 +0,0 @@
-/* packages/ui/assets/fonts/fonts.css */
-
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('/fonts/Roboto-400-latin.woff2') format('woff2');
-  unicode-range: U+0000-00FF; /* Basic Latin - loads first for performance */
-}
-
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('/fonts/Roboto-700-latin.woff2') format('woff2');
-  unicode-range: U+0000-00FF; /* Basic Latin - loads first for performance */
-}
-
-/* ✅ CRITICAL: Extended character sets load on-demand when needed */
-/* These load automatically when browser encounters characters in these ranges */
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('/fonts/Roboto-400-latin-ext.woff2') format('woff2');
-  unicode-range:
-    U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
-    U+2C60-2C7F, U+A720-A7FF;
-}
-
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('/fonts/Roboto-700-latin-ext.woff2') format('woff2');
-  unicode-range:
-    U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
-    U+2C60-2C7F, U+A720-A7FF;
-}
-
-/* Cyrillic */
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('/fonts/Roboto-400-cyrillic.woff2') format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('/fonts/Roboto-700-cyrillic.woff2') format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-/* Cyrillic Extended */
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('/fonts/Roboto-400-cyrillic-ext.woff2') format('woff2');
-  unicode-range:
-    U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('/fonts/Roboto-700-cyrillic-ext.woff2') format('woff2');
-  unicode-range:
-    U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-
-/* Greek */
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('/fonts/Roboto-400-greek.woff2') format('woff2');
-  unicode-range: U+0370-03FF;
-}
-
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('/fonts/Roboto-700-greek.woff2') format('woff2');
-  unicode-range: U+0370-03FF;
-}
-
-/* Greek Extended */
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('/fonts/Roboto-400-greek-ext.woff2') format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('/fonts/Roboto-700-greek-ext.woff2') format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-
-/* Vietnamese */
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('/fonts/Roboto-400-vietnamese.woff2') format('woff2');
-  unicode-range:
-    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
-    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
-}
-
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('/fonts/Roboto-700-vietnamese.woff2') format('woff2');
-  unicode-range:
-    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
-    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
-}
-
-/* ===========================
-   Inter - Modern Sans-Serif (Variable Font)
-   Weights: 400-700
-   =========================== */
-
-/* Latin - loads first */
-@font-face {
-  font-family: Inter;
-  font-style: normal;
-  font-weight: 400 700;
-  font-display: swap; /* Changed from optional to swap - we preload this font */
-  src: url('/fonts/Inter-latin.woff2') format('woff2');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
-    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
-    U+2215, U+FEFF, U+FFFD;
-}
-
-/* Latin Extended - on-demand */
-@font-face {
-  font-family: Inter;
-  font-style: normal;
-  font-weight: 400 700;
-  font-display: swap;
-  src: url('/fonts/Inter-latin-ext.woff2') format('woff2');
-  unicode-range:
-    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
-    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-/* ===========================
-   Playfair Display - Serif (Variable Font)
-   Weights: 400-700
-   =========================== */
-
-/* Latin - loads first */
-@font-face {
-  font-family: 'Playfair Display';
-  font-style: normal;
-  font-weight: 400 700;
-  font-display: swap;
-  src: url('/fonts/PlayfairDisplay-latin.woff2') format('woff2');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
-    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
-    U+2215, U+FEFF, U+FFFD;
-}
-
-/* Latin Extended - on-demand */
-@font-face {
-  font-family: 'Playfair Display';
-  font-style: normal;
-  font-weight: 400 700;
-  font-display: swap;
-  src: url('/fonts/PlayfairDisplay-latin-ext.woff2') format('woff2');
-  unicode-range:
-    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
-    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}

package/dist/routing/Navigate.d.ts

@@ -1,10 +0,0 @@
-/**
- * @fileoverview Navigate Component
- * @description Navigation component for routing. Provides programmatic navigation utilities for client-side and server-side rendering.
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export {};
-//# sourceMappingURL=Navigate.d.ts.map

package/dist/routing/Navigate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navigate.d.ts","sourceRoot":"","sources":["../../src/routing/Navigate.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,CAAC"}

package/dist/routing/Navigate.js

@@ -1,10 +0,0 @@
-// packages/ui/src/routing/Navigate.tsx
-/**
- * @fileoverview Navigate Component
- * @description Navigation component for routing. Provides programmatic navigation utilities for client-side and server-side rendering.
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export {};