@donotdev/ui 0.0.8 → 0.0.10

package/dist/internal/common/ErrorFallback.d.ts

@@ -1,13 +1,4 @@
-/**
- * @fileoverview Shared Error Fallback Component
- * @description A single error UI that takes full viewport and adapts recovery actions based on the context (global vs route errors). Uses only native HTML elements and emojis to avoid component dependencies.
- * it's not using anything to make sure it doesnt crash.
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { type ComponentType } from 'react';
+import type { ComponentType } from 'react';
 interface ErrorFallbackProps {
     error: unknown;
     resetError: () => void;

package/dist/internal/common/ErrorFallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorFallback.d.ts","sourceRoot":"","sources":["../../../src/internal/common/ErrorFallback.tsx"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AAEH,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AACrD,UAAU,kBAAkB;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,EAAE,aAAa,CAAC,kBAAkB,CA0TpD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ErrorFallback.d.ts","sourceRoot":"","sources":["../../../src/internal/common/ErrorFallback.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,UAAU,kBAAkB;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,EAAE,aAAa,CAAC,kBAAkB,CA0TpD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/internal/common/GlobalErrorFallback.d.ts

@@ -1,12 +1,4 @@
-/**
- * @fileoverview GlobalErrorFallback component
- * @description Global error boundary fallback for application-level errors
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { type ComponentType } from 'react';
+import type { ComponentType } from 'react';
 interface SentryFallbackProps {
     error: unknown;
     resetError: () => void;

package/dist/internal/common/GlobalErrorFallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalErrorFallback.d.ts","sourceRoot":"","sources":["../../../src/internal/common/GlobalErrorFallback.tsx"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,aAAa,EAAa,MAAM,OAAO,CAAC;AAMtD,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,mBAAmB,EAAE,aAAa,CAAC,mBAAmB,CAuC3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"GlobalErrorFallback.d.ts","sourceRoot":"","sources":["../../../src/internal/common/GlobalErrorFallback.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,mBAAmB,EAAE,aAAa,CAAC,mBAAmB,CAuC3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/internal/common/RouteErrorFallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteErrorFallback.d.ts","sourceRoot":"","sources":["../../../src/internal/common/RouteErrorFallback.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,EAAE,aAAa,CAAC,uBAAuB,CAqPrE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"RouteErrorFallback.d.ts","sourceRoot":"","sources":["../../../src/internal/common/RouteErrorFallback.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,EAAE,aAAa,CAAC,uBAAuB,CAyPrE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/internal/common/RouteErrorFallback.js

@@ -13,9 +13,8 @@ import { AlertTriangle, Home, ArrowLeft, RotateCw, Copy, Check, } from 'lucide-r
 import { useEffect, useState } from 'react';
 import { Button, BUTTON_VARIANT, Card, CARD_VARIANT, Alert, ALERT_VARIANT, Stack, } from '@donotdev/components';
 import { handleError, useTranslation } from '@donotdev/core';
-import { PageContainer } from '../../components/layout/PageContainer';
-// Platform-specific hooks via conditional exports
 import { useLocation, useBack } from '@donotdev/ui/routing/hooks';
+// Platform-specific hooks via conditional exports
 import { Link } from '../../routing/Link';
 /**
  * Professional Route Error Fallback Component
@@ -95,7 +94,7 @@ export const RouteErrorFallback = ({ error, resetError, componentStack, eventId,
             }
         }
     };
-    return (_jsx(PageContainer, { children: _jsx(Card, { variant: CARD_VARIANT.DEFAULT, elevated: true, className: "dndev-w-full", style: { maxWidth: '65ch', margin: '0 auto' }, children: _jsxs(Stack, { gap: "large", align: "center", className: "dndev-text-center", children: [_jsx(Stack, { align: "center", justify: "center", style: {
+    return (_jsx("div", { className: "dndev-container", "data-variant": "standard", "data-centered": "true", children: _jsx(Card, { variant: CARD_VARIANT.DEFAULT, elevated: true, className: "dndev-w-full", style: { maxWidth: '65ch', margin: '0 auto' }, children: _jsxs(Stack, { gap: "large", align: "center", className: "dndev-text-center", children: [_jsx(Stack, { align: "center", justify: "center", style: {
                             width: '5rem',
                             height: '5rem',
                             backgroundColor: 'rgba(220, 38, 38, 0.1)',

package/dist/internal/devtools/components/DebugDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DebugDialog.d.ts","sourceRoot":"","sources":["../../../../src/internal/devtools/components/DebugDialog.tsx"],"names":[],"mappings":"AA6BA,eAAO,MAAM,WAAW,+CAgFvB,CAAC"}
+{"version":3,"file":"DebugDialog.d.ts","sourceRoot":"","sources":["../../../../src/internal/devtools/components/DebugDialog.tsx"],"names":[],"mappings":"AA8BA,eAAO,MAAM,WAAW,+CAiFvB,CAAC"}

package/dist/internal/devtools/components/DebugDialog.js

@@ -12,13 +12,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { PanelRight } from 'lucide-react';
 import { useState } from 'react';
 import { Button, BUTTON_VARIANT, Sheet, Tabs, Stack, ScrollArea, } from '@donotdev/components';
+import { useTranslation } from '@donotdev/core';
 import { ConfigTab } from './ConfigTab';
 import { CookieTab } from './CookieTab';
 import { DesignTab } from './DesignTab';
 import { StoresTab } from './StoresTab';
 export const DebugDialog = () => {
+    const { t } = useTranslation('dndev');
     const [open, setOpen] = useState(false);
-    return (_jsx(Sheet, { open: open, onOpenChange: setOpen, trigger: _jsx(Button, { icon: PanelRight, iconEnd: true, variant: BUTTON_VARIANT.OUTLINE, className: "dndev-flex-1 dndev-justify-center dndev-items-center", title: "Open debug panel", "aria-label": "Debug panel", children: "\uD83D\uDC1B Debug Tools" }), side: "top", showOverlay: false, title: "Debug Panel", className: "dndev-h-[80vh] dndev-max-h-[80vh]", "data-dndev-devtools": "true", children: _jsx(Stack, { flex: "1", className: "dndev-h-full dndev-min-h-0", style: { padding: 0, overflow: 'hidden', height: '100%' }, children: _jsx(Tabs, { defaultValue: "config", className: "dndev-flex-1 dndev-min-h-0 dndev-flex dndev-flex-col dndev-h-full", items: [
+    return (_jsx(Sheet, { open: open, onOpenChange: setOpen, trigger: _jsx(Button, { icon: PanelRight, iconEnd: true, variant: BUTTON_VARIANT.OUTLINE, className: "dndev-flex-1 dndev-justify-center dndev-items-center", title: "Open debug panel", "aria-label": "Debug panel", children: "\uD83D\uDC1B Debug Tools" }), side: "top", showOverlay: false, title: t('sheet.debugPanel', { defaultValue: 'Debug Panel' }), className: "dndev-h-[80vh] dndev-max-h-[80vh]", "data-dndev-devtools": "true", children: _jsx(Stack, { flex: "1", className: "dndev-h-full dndev-min-h-0", style: { padding: 0, overflow: 'hidden', height: '100%' }, children: _jsx(Tabs, { defaultValue: "config", className: "dndev-flex-1 dndev-min-h-0 dndev-flex dndev-flex-col dndev-h-full", items: [
                     {
                         value: 'config',
                         label: 'Config',

package/dist/internal/devtools/components/MaskedValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedValue.d.ts","sourceRoot":"","sources":["../../../../src/internal/devtools/components/MaskedValue.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,gBAAgB;IAC/B,iEAAiE;IAEjE,OAAO,EAAE,MAAM,CAAC;IAEhB,4EAA4E;IAE5E,KAAK,EAAE,MAAM,CAAC;IAEd,2CAA2C;IAE3C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,sCAAsC;IAEtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,oDAAoD;IAEpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;GAMG;AAEH,eAAO,MAAM,WAAW,GAAI,wDAUzB,gBAAgB,4CA2ElB,CAAC"}
+{"version":3,"file":"MaskedValue.d.ts","sourceRoot":"","sources":["../../../../src/internal/devtools/components/MaskedValue.tsx"],"names":[],"mappings":"AAgCA,MAAM,WAAW,gBAAgB;IAC/B,iEAAiE;IAEjE,OAAO,EAAE,MAAM,CAAC;IAEhB,4EAA4E;IAE5E,KAAK,EAAE,MAAM,CAAC;IAEd,2CAA2C;IAE3C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,sCAAsC;IAEtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,oDAAoD;IAEpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;GAMG;AAEH,eAAO,MAAM,WAAW,GAAI,wDAUzB,gBAAgB,4CA2ElB,CAAC"}

package/dist/internal/devtools/components/MaskedValue.js

@@ -16,9 +16,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
 
  */
+import { Eye, EyeOff } from 'lucide-react';
 import { useState } from 'react';
 import { Stack, Text, Button, BUTTON_VARIANT, CopyToClipboard, } from '@donotdev/components';
-import { Eye, EyeOff } from 'lucide-react';
 import { shouldMaskValue, maskSensitiveValue } from '../utils/maskSensitive';
 /**
 

package/dist/internal/devtools/components/StoresTab.js

@@ -9,9 +9,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
+import { RefreshCw } from 'lucide-react';
 import { useState, useEffect, useCallback } from 'react';
 import { Stack, Card, Accordion, ScrollArea, JsonViewer, Text, Badge, BADGE_VARIANT, Button, BUTTON_VARIANT, } from '@donotdev/components';
-import { RefreshCw } from 'lucide-react';
 const STORE_NAMES = {
     'theme-store': 'Theme',
     'consent-store': 'Consent',

package/dist/internal/initializers/BaseStoresInitializer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseStoresInitializer.d.ts","sourceRoot":"","sources":["../../../src/internal/initializers/BaseStoresInitializer.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAa,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA6DvC;;;;;;GAMG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,aAAa,CAAC;IACxB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAyGD;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,QAAQ,EACR,YAAiB,EACjB,aAAqB,EACrB,aAAa,GACd,EAAE,0BAA0B,kDAgJ5B"}
+{"version":3,"file":"BaseStoresInitializer.d.ts","sourceRoot":"","sources":["../../../src/internal/initializers/BaseStoresInitializer.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAa,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA4DvC;;;;;;GAMG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,aAAa,CAAC;IACxB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAyGD;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,QAAQ,EACR,YAAiB,EACjB,aAAqB,EACrB,aAAa,GACd,EAAE,0BAA0B,kDAgJ5B"}

package/dist/internal/initializers/BaseStoresInitializer.js

@@ -10,7 +10,7 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import { useEffect, useLayoutEffect, useRef } from 'react';
-import { useThemeStore, useNavigationStore, useLoadingStore, useOverlayStore, useNetworkStore, useAbortControllerStore, useConsentStore, useConsentReady, useThemeReady, getPlatformEnvVar, } from '@donotdev/core';
+import { useThemeStore, useNavigationStore, useOverlayStore, useNetworkStore, useAbortControllerStore, useConsentStore, useConsentReady, useThemeReady, getPlatformEnvVar, } from '@donotdev/core';
 import { useI18nReady } from '@donotdev/core';
 import { handleError, isClient, getDndevConfig, globalEmitter, } from '@donotdev/core';
 import { useAppConfig } from '@donotdev/core';
@@ -65,7 +65,6 @@ function removeShellLoader(options) {
 const STORE_CONFIG = [
     { name: 'consent', type: 'critical', store: useConsentStore },
     { name: 'theme', type: 'critical', store: useThemeStore },
-    { name: 'loading', type: 'regular', store: useLoadingStore },
     { name: 'overlay', type: 'regular', store: useOverlayStore },
     { name: 'network', type: 'regular', store: useNetworkStore },
     { name: 'abort', type: 'regular', store: useAbortControllerStore },

package/dist/internal/initializers/NextJsStoresInitializer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NextJsStoresInitializer.d.ts","sourceRoot":"","sources":["../../../src/internal/initializers/NextJsStoresInitializer.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAOxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,4BAA4B;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAQD;;;;;;;;;;GAUG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,aAAa,GACd,EAAE,4BAA4B,kDA2D9B"}
+{"version":3,"file":"NextJsStoresInitializer.d.ts","sourceRoot":"","sources":["../../../src/internal/initializers/NextJsStoresInitializer.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAOxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,4BAA4B;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAQD;;;;;;;;;;GAUG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,aAAa,GACd,EAAE,4BAA4B,kDA2D9B"}

package/dist/internal/layout/DnDevLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DnDevLayout.d.ts","sourceRoot":"","sources":["../../../src/internal/layout/DnDevLayout.tsx"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AAEH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAIV,YAAY,EACb,MAAM,gBAAgB,CAAC;AA2CxB,UAAU,yBAAyB;IACjC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,GAAI,kCAIzB,yBAAyB,4CAsT3B,CAAC"}
+{"version":3,"file":"DnDevLayout.d.ts","sourceRoot":"","sources":["../../../src/internal/layout/DnDevLayout.tsx"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AAEH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAIV,YAAY,EACb,MAAM,gBAAgB,CAAC;AA0CxB,UAAU,yBAAyB;IACjC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,GAAI,kCAIzB,yBAAyB,4CAwT3B,CAAC"}

package/dist/internal/layout/DnDevLayout.js

@@ -11,18 +11,17 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  * @author AMBROISE PARK Consulting
  */
 import { useLayoutEffect, useEffect, useRef, useMemo, Suspense, startTransition, lazy, } from 'react';
-import { Outlet } from 'react-router-dom';
 import { cn, Stack } from '@donotdev/components';
 import { isClient, isNextJs, isDev, useBreakpoint } from '@donotdev/core';
 import { useLayout } from '@donotdev/core';
 import { useTranslation } from '@donotdev/core';
 import { useAppConfig } from '@donotdev/core';
 import { LAYOUT_PRESET, DENSITY } from '@donotdev/core';
+import { useLocation } from '@donotdev/ui/routing/hooks';
 import Breadcrumbs from '../../components/layout/components/Breadcrumbs';
 import { GoToWrapper } from '../../routing';
-import { useLocation } from '@donotdev/ui/routing/hooks';
-import { presetRegistry } from './config/presets';
 import { DEFAULT_SLOTS } from './config/defaults';
+import { presetRegistry } from './config/presets';
 import { DnDevHeader, DnDevSidebar, DnDevFooter, DnDevMergedBar, } from './zones';
 const DebugTools = lazy(() => {
     return import('../devtools')
@@ -67,14 +66,15 @@ export const DnDevLayout = ({ children, layout, className, }) => {
     const app = useAppConfig('app');
     // Subscribe to language changes for zone re-renders
     useTranslation('dndev');
-    // Breadcrumbs from layout prop only
+    // Layout config props
     const breadcrumbs = layout?.breadcrumbs ?? 'smart';
+    const footerMode = layout?.footerMode;
     // Route detection for animations
     const location = useLocation();
     const pathname = location.pathname;
     const mainRef = useRef(null);
     // Platform content handling
-    const content = isNextJs() ? children : children || _jsx(Outlet, {});
+    const content = children;
     // Get effective preset from store (always use store, never layout prop)
     const effectivePreset = useMemo(() => {
         return preset || 'landing';
@@ -247,5 +247,5 @@ export const DnDevLayout = ({ children, layout, className, }) => {
         };
         startTransition(updateDOM);
     }, [effectivePreset]);
-    return (_jsxs("div", { className: cn('dndev-layout', className), children: [resolvedHeader, resolvedSidebar, _jsxs("main", { ref: mainRef, role: "main", className: "main", children: [breadcrumbs !== 'never' && (_jsx("div", { className: "breadcrumbs-container", children: _jsx(Breadcrumbs, { variant: breadcrumbs === 'always' ? 'default' : 'smart' }) })), isDev() && (_jsx(Suspense, { fallback: null, children: _jsx(DebugTools, {}) })), _jsx(Stack, { flex: "1", className: "dndev-min-h-0", children: content }, pathname)] }), resolvedFooter, resolvedMergedBar, _jsx(GoToWrapper, {})] }));
+    return (_jsxs("div", { className: cn('dndev-layout', className), "data-footer-mode": footerMode, children: [resolvedHeader, resolvedSidebar, _jsxs("main", { ref: mainRef, role: "main", className: "main", children: [breadcrumbs !== 'never' && (_jsx("div", { className: "breadcrumbs-container", children: _jsx(Breadcrumbs, { variant: breadcrumbs === 'always' ? 'default' : 'smart' }) })), isDev() && (_jsx(Suspense, { fallback: null, children: _jsx(DebugTools, {}) })), content] }), resolvedFooter, resolvedMergedBar, _jsx(GoToWrapper, {})] }));
 };

package/dist/internal/layout/components/AutoMetaTags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoMetaTags.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/AutoMetaTags.tsx"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAwC3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,aAoN1B,CAAC;AAEF;;;GAGG;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AutoMetaTags.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/AutoMetaTags.tsx"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAwC3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,aAoN1B,CAAC;AAEF;;;GAGG;AAEH,eAAe,YAAY,CAAC"}

package/dist/internal/layout/components/footer/FooterBranding.d.ts

@@ -1,8 +1,6 @@
 export interface FooterBrandingProps {
     /** Additional CSS classes */
     className?: string;
-    /** Text size */
-    size?: 'xs' | 'sm';
 }
 /**
  * FooterBranding - Framework branding link (power move)

package/dist/internal/layout/components/footer/FooterBranding.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterBranding.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/components/footer/FooterBranding.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gBAAgB;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAoCnE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"FooterBranding.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/components/footer/FooterBranding.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CA8BnE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/internal/layout/components/footer/FooterBranding.js

@@ -20,20 +20,16 @@ import { useAppConfig } from '@donotdev/core';
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export const FooterBranding = ({ className, size = 'sm', }) => {
+export const FooterBranding = ({ className, }) => {
     const appUrl = useAppConfig('url');
     const isFrameworkSite = appUrl === 'https://donotdev.com';
-    const sizeStyles = {
-        xs: { fontSize: 'var(--font-size-xs)' },
-        sm: { fontSize: 'var(--font-size-sm)' },
-    };
     return (_jsxs("a", { href: isFrameworkSite
             ? 'https://www.ambroise-park.com'
             : 'https://donotdev.com', target: "_blank", rel: "noopener noreferrer", className: className, style: {
             display: 'inline-flex',
             alignItems: 'center',
             gap: 'var(--gap-sm)',
-            ...sizeStyles[size],
+            fontSize: 'var(--font-size-xs)',
         }, children: [isFrameworkSite ? 'AMBROISE-PARK' : 'DoNotDev', _jsx(ExternalLink, { style: { width: '12px', height: '12px' }, "aria-hidden": "true" })] }));
 };
 export default FooterBranding;

package/dist/internal/layout/components/footer/FooterCopyright.d.ts

@@ -5,8 +5,6 @@ export interface FooterCopyrightProps {
     year?: number;
     /** Additional CSS classes */
     className?: string;
-    /** Text size */
-    size?: 'xs' | 'sm';
 }
 /**
  * FooterCopyright - Copyright notice component

package/dist/internal/layout/components/footer/FooterCopyright.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterCopyright.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/components/footer/FooterCopyright.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gBAAgB;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CA2BrE,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"FooterCopyright.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/components/footer/FooterCopyright.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAqBrE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/internal/layout/components/footer/FooterCopyright.js

@@ -20,18 +20,14 @@ import { useTranslation, useAppConfig } from '@donotdev/core';
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export const FooterCopyright = ({ appName, year = new Date().getFullYear(), className, size = 'xs', }) => {
+export const FooterCopyright = ({ appName, year = new Date().getFullYear(), className, }) => {
     const { t } = useTranslation('dndev');
     const app = useAppConfig('app');
     const resolvedAppName = appName || app?.name || 'App';
-    const sizeStyles = {
-        xs: { fontSize: 'var(--font-size-xs)' },
-        sm: { fontSize: 'var(--font-size-sm)' },
-    };
     return (_jsxs("span", { className: cn(className), style: {
             flexShrink: 0,
             color: 'var(--muted-foreground)',
-            ...sizeStyles[size],
+            fontSize: 'var(--font-size-xs)',
         }, children: ["\u00A9 ", year, " ", resolvedAppName, ". ", t('footer.legal.allRightsReserved')] }));
 };
 export default FooterCopyright;

package/dist/internal/layout/components/footer/FooterLegalLinks.js

@@ -10,9 +10,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { Stack } from '@donotdev/components';
 import { useTranslation, maybeTranslate, useAppConfig } from '@donotdev/core';
-import { Link } from '../../../../routing/Link';
-import { useLegalLinks } from './useLegalLinks';
 import { FooterBranding } from './FooterBranding';
+import { useLegalLinks } from './useLegalLinks';
+import { Link } from '../../../../routing/Link';
 /**
  * FooterLegalLinks - Legal links component
  *

package/dist/internal/layout/config/defaults.d.ts

@@ -1,13 +1,3 @@
-/**
- * @fileoverview Slot Defaults
- * @description Default slot functions for zone components.
- * All slots are functions that return ReactNode (never null in defaults).
- * Zones use these unless preset overrides.
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
 import type { ReactNode } from 'react';
 /**
  * Default slot functions - zones use these unless preset overrides

package/dist/internal/layout/config/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/config/defaults.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;QAEtB,2DAA2D;qBAChD,SAAS;QAEpB,+DAA+D;sBACnD,SAAS;QAErB,+CAA+C;mBACtC,SAAS;;;QAWlB,4DAA4D;mBACnD,SAAS;QAElB,uCAAuC;uBAC1B,SAAS;QAItB,4CAA4C;sBAChC,SAAS;QAQrB,yBAAyB;;;;;;;YAQvB,mCAAmC;2BACtB,SAAS;YAEtB,4DAA4D;uBACnD,SAAS;YAElB,gEAAgE;2BACnD,SAAS;YAEtB,8DAA8D;0BAClD,SAAS;;;CAG1B,CAAC"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/config/defaults.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;QAEtB,2DAA2D;qBAChD,SAAS;QAEpB,+DAA+D;sBACnD,SAAS;QAErB,+CAA+C;mBACtC,SAAS;;;QAWlB,4DAA4D;mBACnD,SAAS;QAElB,uCAAuC;uBAC1B,SAAS;QAItB,4CAA4C;sBAChC,SAAS;QAQrB,yBAAyB;;;;;;;YAQvB,mCAAmC;2BACtB,SAAS;YAEtB,4DAA4D;uBACnD,SAAS;YAElB,gEAAgE;2BACnD,SAAS;YAEtB,8DAA8D;0BAClD,SAAS;;;CAG1B,CAAC"}

package/dist/internal/layout/config/defaults.js

@@ -1,10 +1,21 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// packages/ui/src/internal/layout/config/defaults.tsx
+/**
+ * @fileoverview Slot Defaults
+ * @description Default slot functions for zone components.
+ * All slots are functions that return ReactNode (never null in defaults).
+ * Zones use these unless preset overrides.
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
 import { DISPLAY } from '@donotdev/components';
 import { LanguageSelector } from '@donotdev/core';
 import { AuthHeader } from '../../../components/auth';
 import { AppBranding, ThemeToggle, } from '../../../components/layout/components';
-import { GoTo } from '../../../routing/GoTo';
 import { DnDevNavigationMenu } from '../../../routing';
+import { GoTo } from '../../../routing/GoTo';
 /**
  * Default slot functions - zones use these unless preset overrides
  *

package/dist/internal/layout/config/presets/admin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"admin.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/config/presets/admin.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,EAAE,YAkBzB,CAAC"}
+{"version":3,"file":"admin.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/config/presets/admin.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,EAAE,YAsBzB,CAAC"}

package/dist/internal/layout/config/presets/admin.js

@@ -1,4 +1,5 @@
 // packages/ui/src/internal/layout/config/presets/admin.tsx
+import { DEFAULT_SLOTS } from '../defaults';
 /**
  * Admin preset - admin panel layout
  *
@@ -23,8 +24,12 @@ export const adminPreset = {
     mobile: {
         mergedBar: {
             position: 'top',
-            height: '64px',
-            // trigger/top/content/bottom omitted → use defaults
+            height: 'var(--header-height)',
+            // Desktop → Mobile mapping:
+            trigger: DEFAULT_SLOTS.header.start, // header.start → trigger (AppBranding)
+            top: DEFAULT_SLOTS.header.center, // header.center → top (null)
+            content: DEFAULT_SLOTS.sidebar.content, // sidebar.content → content (NavigationMenu)
+            bottom: DEFAULT_SLOTS.header.end, // header.end → bottom (GoTo, Auth, Language, Theme)
         },
     },
 };

package/dist/internal/layout/config/presets/blog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blog.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/config/presets/blog.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,EAAE,YAaxB,CAAC"}
+{"version":3,"file":"blog.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/config/presets/blog.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,EAAE,YAkBxB,CAAC"}

package/dist/internal/layout/config/presets/blog.js

@@ -1,4 +1,5 @@
 // packages/ui/src/internal/layout/config/presets/blog.tsx
+import { DEFAULT_SLOTS } from '../defaults';
 /**
  * Blog preset - content-focused layout
  *
@@ -19,7 +20,12 @@ export const blogPreset = {
     mobile: {
         mergedBar: {
             position: 'bottom',
-            // trigger/top/content/bottom omitted → use defaults
+            // Desktop → Mobile mapping:
+            trigger: DEFAULT_SLOTS.header.start, // header.start → trigger (AppBranding)
+            top: DEFAULT_SLOTS.header.center, // header.center → top (null)
+            content: DEFAULT_SLOTS.sidebar.content, // sidebar.content → content (NavigationMenu)
+            bottom: DEFAULT_SLOTS.header.end, // header.end → bottom (GoTo, Auth, Language, Theme)
+            // Note: sidebar.bottom also has Auth+Lang+Theme, but header.end includes GoTo, so use header.end
         },
     },
 };

package/dist/internal/layout/config/presets/docs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"docs.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/config/presets/docs.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAKnD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,YA6BxB,CAAC"}
+{"version":3,"file":"docs.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/config/presets/docs.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAMnD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,YA8BxB,CAAC"}

package/dist/internal/layout/config/presets/docs.js

@@ -12,6 +12,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { DISPLAY } from '@donotdev/components';
 import { AppBranding } from '../../../../components/layout/components';
 import { GoTo } from '../../../../routing/GoTo';
+import { DEFAULT_SLOTS } from '../defaults';
 /**
  * Docs preset - documentation layout
  *
@@ -39,11 +40,12 @@ export const docsPreset = {
     mobile: {
         mergedBar: {
             position: 'top',
-            height: '64px',
-            trigger: () => _jsx(AppBranding, { display: DISPLAY.AUTO }),
-            top: () => _jsx(GoTo, { display: DISPLAY.AUTO }),
-            // content omitted → uses sidebar.content default
-            // bottom omitted → uses sidebar.bottom default
+            height: 'var(--header-height)',
+            // Desktop → Mobile mapping:
+            trigger: () => _jsx(AppBranding, { display: DISPLAY.AUTO }), // sidebar.top (AppBranding) → trigger
+            top: () => _jsx(GoTo, { display: DISPLAY.AUTO }), // sidebar.top (GoTo) → top
+            content: DEFAULT_SLOTS.sidebar.content, // sidebar.content → content (NavigationMenu)
+            bottom: DEFAULT_SLOTS.sidebar.bottom, // sidebar.bottom → bottom (Auth, Language, Theme)
         },
     },
 };

package/dist/internal/layout/config/presets/game.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"game.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/config/presets/game.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AASnD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,EAAE,YAwBxB,CAAC"}
+{"version":3,"file":"game.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/config/presets/game.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AASnD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,EAAE,YAkCxB,CAAC"}

package/dist/internal/layout/config/presets/game.js

@@ -36,8 +36,13 @@ export const gamePreset = {
     mobile: {
         mergedBar: {
             position: 'top',
-            trigger: () => _jsx(GameTitle, {}),
-            // top/content/bottom omitted → use defaults
+            // Desktop → Mobile mapping:
+            trigger: () => _jsx(GameTitle, {}), // header.center → trigger (GameTitle, since header.start is null)
+            top: () => _jsx(GameTitle, {}), // header.center → top (GameTitle)
+            content: () => null, // No sidebar → content is null
+            bottom: () => (
+            // header.end → bottom (Auth, Language, Theme)
+            _jsxs(_Fragment, { children: [_jsx(AuthHeader, { display: DISPLAY.AUTO }), _jsx(LanguageSelector, { display: DISPLAY.AUTO }), _jsx(ThemeToggle, { display: DISPLAY.AUTO })] })),
         },
     },
 };

package/dist/internal/layout/config/presets/moolti.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"moolti.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/config/presets/moolti.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAUnD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,YA+B1B,CAAC"}
+{"version":3,"file":"moolti.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/config/presets/moolti.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAUnD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,YAgD1B,CAAC"}

package/dist/internal/layout/config/presets/moolti.js

@@ -13,8 +13,8 @@ import { DISPLAY, Stack } from '@donotdev/components';
 import { LanguageSelector } from '@donotdev/core';
 import { AuthHeader } from '../../../../components/auth';
 import { AppBranding, ThemeToggle, } from '../../../../components/layout/components';
-import { FooterCopyright } from '../../components';
 import { DnDevNavigationMenu, GoTo } from '../../../../routing';
+import { FooterCopyright } from '../../components';
 /**
  * Moolti preset - SaaS app layout
  *
@@ -32,7 +32,7 @@ export const mooltiPreset = {
     sidebar: {
         top: () => _jsx(AppBranding, { display: DISPLAY.AUTO }),
         content: () => (_jsxs(_Fragment, { children: [_jsx(GoTo, { display: DISPLAY.AUTO }), _jsx(DnDevNavigationMenu, { vertical: true, display: DISPLAY.AUTO })] })),
-        bottom: () => (_jsxs(Stack, { direction: "column", gap: "tight", align: "stretch", children: [_jsx(AuthHeader, { display: DISPLAY.AUTO }), _jsx(LanguageSelector, { display: DISPLAY.AUTO }), _jsx(ThemeToggle, { display: DISPLAY.AUTO }), _jsx(FooterCopyright, { size: "xs" })] })),
+        bottom: () => (_jsxs(Stack, { direction: "column", gap: "tight", align: "stretch", children: [_jsx(AuthHeader, { display: DISPLAY.AUTO }), _jsx(LanguageSelector, { display: DISPLAY.AUTO }), _jsx(ThemeToggle, { display: DISPLAY.AUTO }), _jsx(FooterCopyright, {})] })),
         defaultWidth: 256,
         minWidth: 48,
         maxWidth: 400,
@@ -40,8 +40,15 @@ export const mooltiPreset = {
     mobile: {
         mergedBar: {
             position: 'top',
-            trigger: () => _jsx(AppBranding, { display: DISPLAY.AUTO }),
-            // top/content/bottom omitted → use sidebar defaults
+            // Desktop → Mobile mapping:
+            trigger: () => _jsx(AppBranding, { display: DISPLAY.AUTO }), // sidebar.top → trigger (AppBranding)
+            top: () => null, // No header.center → top is null
+            content: () => (
+            // sidebar.content → content (GoTo + NavigationMenu)
+            _jsxs(_Fragment, { children: [_jsx(GoTo, { display: DISPLAY.AUTO }), _jsx(DnDevNavigationMenu, { vertical: true, display: DISPLAY.AUTO })] })),
+            bottom: () => (
+            // sidebar.bottom → bottom (Auth, Language, Theme, Footer)
+            _jsxs(Stack, { direction: "column", gap: "tight", align: "stretch", children: [_jsx(AuthHeader, { display: DISPLAY.AUTO }), _jsx(LanguageSelector, { display: DISPLAY.AUTO }), _jsx(ThemeToggle, { display: DISPLAY.AUTO }), _jsx(FooterCopyright, {})] })),
         },
     },
 };

package/dist/internal/layout/zones/DnDevFooter.d.ts

@@ -1,17 +1,5 @@
-/**
- * @fileoverview DnDevFooter Zone Component
- * @description Footer zone with smart defaults.
- *
- * Default layout: Stack(FooterCopyright, FooterLegalLinks, FooterBranding)
- * - Desktop: 2-zone [Copyright] | [Links + Branding]
- * - Mobile: 2-line stacked, centered
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { type ReactNode } from 'react';
 import type { AppMetadata } from '@donotdev/core';
+import type { ReactNode } from 'react';
 export interface DnDevFooterProps {
     /** App metadata for copyright/links */
     app?: AppMetadata;

package/dist/internal/layout/zones/DnDevFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DnDevFooter.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/zones/DnDevFooter.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAWlD,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,iBAAS,oBAAoB,CAAC,EAAE,GAAQ,EAAE,EAAE,gBAAgB,GAAG,SAAS,CAsEvE;AAED,eAAO,MAAM,WAAW,kEAA6B,CAAC"}
+{"version":3,"file":"DnDevFooter.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/zones/DnDevFooter.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAUlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,iBAAS,oBAAoB,CAAC,EAAE,GAAQ,EAAE,EAAE,gBAAgB,GAAG,SAAS,CA8EvE;AAED,eAAO,MAAM,WAAW,kEAA6B,CAAC"}

package/dist/internal/layout/zones/DnDevFooter.js

@@ -49,9 +49,9 @@ function DnDevFooterComponent({ app = {} }) {
         : copyrightConfig;
     // Desktop/Wide: 2-zone layout [Copyright] | [Links + DoNotDev]
     if (isLaptopOrDesktop) {
-        return (_jsx("footer", { role: "contentinfo", className: "footer", children: _jsxs(Stack, { direction: "row", align: "center", justify: "between", gap: "none", children: [showCopyright && (_jsx("div", { className: "dndev-flex dndev-justify-start", children: _jsx("span", { className: "footer-copyright", children: copyrightText }) })), _jsx("div", { className: "dndev-flex dndev-justify-end", children: _jsxs(Stack, { direction: "row", gap: "medium", align: "center", children: [links.map((link) => (_jsx(Link, { path: link.path, children: maybeTranslate(t, link.label) }, link.path))), _jsx(FooterBranding, {})] }) })] }) }));
+        return (_jsx("footer", { role: "contentinfo", className: "footer", children: _jsxs(Stack, { direction: "row", align: "center", justify: "between", gap: "none", children: [showCopyright && (_jsx("div", { className: "dndev-flex dndev-justify-start", children: _jsx("span", { className: "footer-copyright", children: copyrightText }) })), _jsx("div", { className: "dndev-flex dndev-justify-end", children: _jsxs(Stack, { direction: "row", gap: "medium", align: "center", children: [links.map((link) => (_jsx(Link, { path: link.path, style: { fontSize: 'var(--font-size-xs)' }, children: maybeTranslate(t, link.label) }, link.path))), _jsx(FooterBranding, {})] }) })] }) }));
     }
     // Mobile/Tablet: stacked layout
-    return (_jsx("footer", { role: "contentinfo", className: "footer", children: _jsxs(Stack, { align: "center", gap: "tight", children: [showCopyright && (_jsx("span", { className: "footer-copyright", children: copyrightText })), _jsxs(Stack, { direction: "row", wrap: "wrap", gap: "tight", justify: "center", align: "center", children: [links.map((link) => (_jsx(Link, { path: link.path, children: maybeTranslate(t, link.label) }, link.path))), _jsx(FooterBranding, {})] })] }) }));
+    return (_jsx("footer", { role: "contentinfo", className: "footer", children: _jsxs(Stack, { align: "center", gap: "tight", children: [showCopyright && (_jsx("span", { className: "footer-copyright", children: copyrightText })), _jsxs(Stack, { direction: "row", wrap: "wrap", gap: "tight", justify: "center", align: "center", children: [links.map((link) => (_jsx(Link, { path: link.path, style: { fontSize: 'var(--font-size-xs)' }, children: maybeTranslate(t, link.label) }, link.path))), _jsx(FooterBranding, {})] })] }) }));
 }
 export const DnDevFooter = memo(DnDevFooterComponent);

package/dist/internal/layout/zones/DnDevHeader.d.ts

@@ -1,17 +1,4 @@
-/**
- * @fileoverview DnDevHeader Zone Component
- * @description Header zone with smart defaults.
- *
- * Layout: start (start-aligned) | center (absolutely centered) | end (end-aligned)
- * - start: [AppIcon, AppTitle] - start-aligned
- * - center: null - absolutely centered overlay (regardless of start/end content)
- * - end: [GoTo, Auth, Language, Theme] - end-aligned
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { type ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface DnDevHeaderProps {
     /** Start slot - ReactNode from preset or consumer override */
     start?: ReactNode | null;

package/dist/internal/layout/zones/DnDevHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DnDevHeader.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/zones/DnDevHeader.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC1B,4DAA4D;IAC5D,GAAG,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACxB;AAED;;;;;GAKG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,GAAG,GACJ,EAAE,gBAAgB,GAAG,SAAS,CAgB9B;AAED,eAAO,MAAM,WAAW,kEAA6B,CAAC"}
+{"version":3,"file":"DnDevHeader.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/zones/DnDevHeader.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC1B,4DAA4D;IAC5D,GAAG,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACxB;AAED;;;;;GAKG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,GAAG,GACJ,EAAE,gBAAgB,GAAG,SAAS,CAgB9B;AAED,eAAO,MAAM,WAAW,kEAA6B,CAAC"}

package/dist/internal/layout/zones/DnDevMergedBar.d.ts

@@ -1,20 +1,8 @@
-/**
- * @fileoverview DnDevMergedBar Zone Component
- * @description Mobile navigation bar with Sheet trigger.
- *
- * Position: fixed (top or bottom)
- * Slots: trigger (visible bar) + top/content/bottom (Sheet content)
- * CSS: display:none on desktop, display:flex on mobile
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { type ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface DnDevMergedBarProps {
     /** Bar position */
     position: 'top' | 'bottom';
-    /** Bar height (default: 64px for top, 48px for bottom) */
+    /** Bar height (default: CSS uses var(--header-height) for top, 48px for bottom) */
     height?: string;
     /** Trigger slot - ReactNode from preset or consumer override */
     trigger?: ReactNode | null;