import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
// packages/ui/src/internal/layout/config/presets/moolti.tsx
/**
 * @fileoverview Moolti Preset Configuration
 * @description SaaS app layout with sidebar only (no header/footer zones).
 * All UI in sidebar for focused productivity.
 *
 * @version 0.0.1
 * @since 0.0.1
 * @author AMBROISE PARK Consulting
 */
import { DISPLAY, Stack } from '@donotdev/components';
import { LanguageSelector } from '@donotdev/core';
import { AuthHeader } from '../../../../components/auth';
import { AppBranding, ThemeToggle, } from '../../../../components/layout/components';
import { DnDevNavigationMenu, GoTo } from '../../../../routing';
import { FooterCopyright } from '../../components';
/**
 * Moolti preset - SaaS app layout
 *
 * Zones:
 * - No header zone (branding in sidebar)
 * - Sidebar: AppIcon + AppTitle top, GoTo + navigation, settings/footer at bottom
 * - No footer zone (footer content in sidebar)
 *
 * Mobile behavior:
 * - MergedBar at top (64px trigger → sheet)
 * - Full sidebar content in sheet
 */
export const mooltiPreset = {
    name: 'moolti',
    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, {})] })),
        defaultWidth: 256,
        minWidth: 48,
        maxWidth: 400,
    },
    mobile: {
        mergedBar: {
            position: 'top',
            // 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, {})] })),
        },
    },
};
