@admin-layout/tailwind-design-pro 11.0.4-alpha.4 → 11.2.1-alpha.1

package/lib/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;CAgBjB,CAAC"}

package/lib/icons.js

@@ -0,0 +1,14 @@
+import {FaSearch}from'@react-icons/all-files/fa/FaSearch.js';import {IoMenu}from'@react-icons/all-files/io5/IoMenu.js';import'@react-icons/all-files/ai/AiOutlineDash.js';import {FaChevronDown}from'@react-icons/all-files/fa/FaChevronDown.js';import {FaChevronUp}from'@react-icons/all-files/fa/FaChevronUp.js';import {FaChevronRight}from'@react-icons/all-files/fa/FaChevronRight.js';import {FaChevronLeft}from'@react-icons/all-files/fa/FaChevronLeft.js';import {MdClose}from'@react-icons/all-files/md/MdClose.js';import {RiSettings5Fill}from'@react-icons/all-files/ri/RiSettings5Fill.js';import {IoMdCopy}from'@react-icons/all-files/io/IoMdCopy.js';import {FaCheck}from'@react-icons/all-files/fa/FaCheck.js';import'@react-icons/all-files/io5/IoChevronBackCircleOutline.js';import'@react-icons/all-files/io5/IoChevronForwardCircleOutline.js';import {RiPushpinLine}from'@react-icons/all-files/ri/RiPushpinLine.js';import {RiPushpinFill}from'@react-icons/all-files/ri/RiPushpinFill.js';const icons = {
+  SearchIcon: FaSearch,
+  ChevronDownIcon: FaChevronDown,
+  ChevronRightIcon: FaChevronRight,
+  MenuIcon: IoMenu,
+  CloseIcon: MdClose,
+  Settings5FillIcon: RiSettings5Fill,
+  CopyIcon: IoMdCopy,
+  CheckIcon: FaCheck,
+  ChevronUpIcon: FaChevronUp,
+  ChevronLeftIcon: FaChevronLeft,
+  PushpinLineIcon: RiPushpinLine,
+  PushpinFillIcon: RiPushpinFill
+};export{icons};//# sourceMappingURL=icons.js.map

package/lib/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":["../src/icons.ts"],"sourcesContent":[null],"names":[],"mappings":"q9BAgBO,MAAM,KAAK,GAAG;sBACjB;gCACA;kCACA;kBACA;oBAEA;oCACA;oBACA;oBACA;4BAGA;gCACA;gCACA;;"}

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 import { Feature } from '@common-stack/client-react';
-export { PageHeader } from '@ant-design/pro-layout';
-export { DefaultFooter } from '@ant-design/pro-layout';
-export { changeProLayoutClassName } from './utils';
+export * from './tailwindConfig';
+export * from './redux';
+export * from './hooks';
 declare const _default: Feature;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;;AACnD,wBAAqC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;;AAExB,wBAAqC"}

package/lib/index.js

@@ -1,2 +1,2 @@
-import {Feature}from'@common-stack/client-react';import settings from'./module.js';export{DefaultFooter,PageHeader}from'@ant-design/pro-layout';export{changeProLayoutClassName}from'./utils/index.js';// eslint-disable-next-line import/no-extraneous-dependencies
+import {Feature}from'@common-stack/client-react';import settings from'./module.js';export{themeConfig}from'./tailwindConfig.js';export{SEARCH_ACTIONS,clearSearch,searchReducer,setSearchError,setSearchQuery,setSearchResult}from'./redux/searchReducer.js';export{useTailwindTheme}from'./hooks/useTailwindTheme.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';// eslint-disable-next-line import/no-extraneous-dependencies
 var index = new Feature(settings);export{index as default};//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":[],"mappings":"uMAAA;AAMA,YAAe,IAAI,OAAO,CAAC,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":[],"mappings":"2WAAA;AAOA,YAAe,IAAI,OAAO,CAAC,QAAQ,CAAC"}

package/lib/machines/selectors.d.ts

@@ -0,0 +1,118 @@
+import { UISettings } from './types';
+/**
+ * XSTATE SELECTORS
+ *
+ * These selector functions provide STABLE references to state values,
+ * preventing unnecessary re-renders and eliminating infinite loop possibilities.
+ *
+ * IMPORTANT RULES:
+ * 1. Components should ONLY use these selectors to access state
+ * 2. NEVER access state.context directly
+ * 3. Selectors only return PUBLIC settings - internal state is never exposed
+ * 4. XState's useSelector hook memoizes these, ensuring stable references
+ *
+ * WHY THIS WORKS:
+ * - Even if context.internal.configModel changes (new reference),
+ *   context.public remains stable (same values = same reference after JSON comparison)
+ * - useSelector only triggers re-render if the RETURNED value changes
+ * - No manual filtering needed - separation is built into the structure
+ */
+/**
+ * Select all UI settings (excludes internal machine state)
+ *
+ * This is the primary selector for getting user-facing settings.
+ * XState's useSelector will automatically memoize this, so it only
+ * re-renders when the UI settings actually change.
+ *
+ * @example
+ * const settings = useSelector(actor, selectPublicSettings);
+ */
+export declare const selectPublicSettings: (state: any) => UISettings;
+/**
+ * Select only changed settings (for save button state).
+ * Use this to check if there are unsaved changes.
+ *
+ * @example
+ * const changedSettings = useSelector(actor, selectChangedSettings);
+ * const hasChanges = Object.keys(changedSettings).length > 0;
+ */
+export declare const selectChangedSettings: (state: any) => Record<string, any>;
+/**
+ * Select current device type (desktop/mobile).
+ * Use this to check which device mode is active.
+ *
+ * @example
+ * const deviceType = useSelector(actor, selectDeviceType);
+ */
+export declare const selectDeviceType: (state: any) => "desktop" | "mobile";
+/**
+ * Select current route path.
+ * Use this to check which route is active.
+ *
+ * @example
+ * const currentRoute = useSelector(actor, selectCurrentRoute);
+ */
+export declare const selectCurrentRoute: (state: any) => string;
+/**
+ * Select a specific setting by key.
+ * Returns a selector function that extracts a specific setting value.
+ *
+ * @example
+ * const navTheme = useSelector(actor, selectSetting('navTheme'));
+ * const primaryColor = useSelector(actor, selectSetting('primaryColor'));
+ */
+export declare const selectSetting: (key: keyof UISettings) => (state: any) => any;
+/**
+ * Select navigation theme specifically.
+ * Commonly used setting, provided as convenience.
+ *
+ * @example
+ * const navTheme = useSelector(actor, selectNavTheme);
+ */
+export declare const selectNavTheme: (state: any) => "light" | "dark" | "realDark";
+/**
+ * Select primary color specifically.
+ * Commonly used setting, provided as convenience.
+ *
+ * @example
+ * const primaryColor = useSelector(actor, selectPrimaryColor);
+ */
+export declare const selectPrimaryColor: (state: any) => string;
+/**
+ * Select whether settings panel should be shown.
+ * Use this to control settings drawer visibility.
+ *
+ * @example
+ * const showSettingPanel = useSelector(actor, selectShowSettingPanel);
+ */
+export declare const selectShowSettingPanel: (state: any) => boolean;
+/**
+ * Select menu visibility settings.
+ * Returns both hiddenMenuKeys and hiddenMenuCategories.
+ *
+ * @example
+ * const { hiddenMenuKeys, hiddenMenuCategories } = useSelector(actor, selectMenuVisibility);
+ */
+export declare const selectMenuVisibility: (state: any) => {
+    hiddenMenuKeys: string[];
+    hiddenMenuCategories: string[];
+};
+/**
+ * Check if there are unsaved changes.
+ * Use this for save button disabled state.
+ *
+ * @example
+ * const hasUnsavedChanges = useSelector(actor, selectHasUnsavedChanges);
+ */
+export declare const selectHasUnsavedChanges: (state: any) => boolean;
+/**
+ * COMPARISON HELPER
+ *
+ * Use this to compare settings between renders without triggering infinite loops.
+ * This performs a deep comparison of UI settings only.
+ *
+ * @example
+ * const settingsChanged = !areUISettingsEqual(prevSettings, currentSettings);
+ */
+export declare const areUISettingsEqual: (a: UISettings, b: UISettings) => boolean;
+//# sourceMappingURL=selectors.d.ts.map

package/lib/machines/selectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../src/machines/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,UAAU,EAAwB,MAAM,SAAS,CAAC;AAE5E;;;;;;;;;;;;;;;;;GAiBG;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,GAAI,OAAO,GAAG,KAAG,UAGjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,GAAI,OAAO,GAAG,KAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAGpE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,GAAG,KAAG,SAAS,GAAG,QAGzD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,KAAG,MAG/C,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GACrB,KAAK,MAAM,UAAU,MACrB,OAAO,GAAG,KAAG,GAGb,CAAC;AAEN;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,GAAG,KAAG,OAAO,GAAG,MAAM,GAAG,UAG9D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,KAAG,MAG/C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,GAAI,OAAO,GAAG,KAAG,OAGnD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAC7B,OAAO,GAAG,KACX;IACC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,oBAAoB,EAAE,MAAM,EAAE,CAAC;CAOlC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,GAAI,OAAO,GAAG,KAAG,OAGpD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,GAAI,GAAG,UAAU,EAAE,GAAG,UAAU,KAAG,OASjE,CAAC"}

package/lib/machines/settingsMachine.d.ts

@@ -0,0 +1,29 @@
+import { MachineEvent, SettingsContext } from './types';
+/**
+ * SETTINGS MACHINE - COMPLETELY REFACTORED
+ *
+ * DESIGN PHILOSOPHY:
+ * This machine has been completely rewritten to eliminate any possibility of infinite loops
+ * by enforcing a strict separation between:
+ * 1. PUBLIC STATE: User-facing settings (stable, exposed to consumers)
+ * 2. INTERNAL STATE: Machine logic state (may have reference changes, never exposed)
+ *
+ * ARCHITECTURE:
+ * - Context is split into `public` and `internal` namespaces
+ * - Components ONLY access `context.public` via selectors
+ * - NO filtering is needed - separation is built into the structure
+ * - ConfigurationModel reference changes are isolated to `context.internal`
+ * - Redux receives ONLY `context.public` - no manual filtering required
+ *
+ * WHY THIS WORKS:
+ * - Reference changes in `context.internal.configModel` don't affect `context.public`
+ * - Components using selectors get stable references to `context.public`
+ * - No manual filtering means no chance of accidentally exposing internal state
+ * - Type system enforces the separation at compile time
+ */
+export declare const settingsMachine: import("xstate").StateMachine<SettingsContext, MachineEvent, Record<string, import("xstate").AnyActorRef>, import("xstate").ProvidedActor, import("xstate").ParameterizedObject, import("xstate").ParameterizedObject, string, import("xstate").StateValue, string, {
+    settings: any;
+    currentRoute?: string;
+    routePattern?: string;
+}, {}, import("xstate").EventObject, import("xstate").MetaObject, any>;
+//# sourceMappingURL=settingsMachine.d.ts.map

package/lib/machines/settingsMachine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settingsMachine.d.ts","sourceRoot":"","sources":["../../src/machines/settingsMachine.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAoC,MAAM,SAAS,CAAC;AAE1F;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,eAAO,MAAM,eAAe;cAMN,GAAG;mBACE,MAAM;mBACN,MAAM;sEA0K/B,CAAC"}

package/lib/machines/settingsMachine.js

@@ -0,0 +1,171 @@
+import {cloneDeep,merge}from'lodash-es';import {createMachine,assign}from'xstate';import {extractConfigurationWithModel}from'@adminide-stack/core';/**
+ * SETTINGS MACHINE - COMPLETELY REFACTORED
+ *
+ * DESIGN PHILOSOPHY:
+ * This machine has been completely rewritten to eliminate any possibility of infinite loops
+ * by enforcing a strict separation between:
+ * 1. PUBLIC STATE: User-facing settings (stable, exposed to consumers)
+ * 2. INTERNAL STATE: Machine logic state (may have reference changes, never exposed)
+ *
+ * ARCHITECTURE:
+ * - Context is split into `public` and `internal` namespaces
+ * - Components ONLY access `context.public` via selectors
+ * - NO filtering is needed - separation is built into the structure
+ * - ConfigurationModel reference changes are isolated to `context.internal`
+ * - Redux receives ONLY `context.public` - no manual filtering required
+ *
+ * WHY THIS WORKS:
+ * - Reference changes in `context.internal.configModel` don't affect `context.public`
+ * - Components using selectors get stable references to `context.public`
+ * - No manual filtering means no chance of accidentally exposing internal state
+ * - Type system enforces the separation at compile time
+ */
+const settingsMachine = createMachine({
+  id: 'settings',
+  types: {},
+  initial: 'idle',
+  context: ({
+    input
+  }) => {
+    const rawSettings = input?.settings || {};
+    // ConfigurationModel handles ALL bracket patterns automatically
+    const {
+      model: configModel
+    } = extractConfigurationWithModel(rawSettings);
+    const deviceType = 'desktop';
+    const routePattern = input?.routePattern || input?.currentRoute || '/';
+    // Apply overrides by chaining: base -> device -> route+device
+    const deviceOverride = configModel.override([routePattern, deviceType], {
+      strict: true
+    });
+    const effectiveSettings = deviceOverride.getValue('');
+    // Build INTERNAL state (machine only, never exposed)
+    const internalState = {
+      configModel,
+      deviceType,
+      currentRoute: input?.currentRoute || '/',
+      routePattern: input?.routePattern,
+      changedSettings: {},
+      currentChangedSetting: {}
+    };
+    const context = {
+      public: effectiveSettings,
+      internal: internalState
+    };
+    return context;
+  },
+  states: {
+    idle: {
+      entry: ['updateReduxSettings'],
+      on: {
+        UISETTING_UPDATE: {
+          actions: [assign(({
+            context,
+            event
+          }) => {
+            if (!event.value) return context;
+            // Clone context to avoid mutations
+            const newContext = cloneDeep(context);
+            // 1. Extract the configuration model from the new value
+            const {
+              model: updateModel
+            } = extractConfigurationWithModel(event.value);
+            // 2. Merge the new settings into existing config
+            newContext.internal.configModel = newContext.internal.configModel.merge(updateModel);
+            // 3. Track what changed (for saving to cookie later & save button)
+            newContext.internal.currentChangedSetting = event.value;
+            newContext.internal.changedSettings = merge({}, newContext.internal.changedSettings, event.value);
+            // 4. Reapply settings for current route
+            const routePattern = newContext.internal.routePattern || newContext.internal.currentRoute;
+            const deviceOverride = newContext.internal.configModel.override([routePattern, newContext.internal.deviceType], {
+              strict: true
+            });
+            // 5. Update the public settings that components see
+            newContext.public = deviceOverride.getValue('');
+            return newContext;
+          }), 'updateReduxSettings']
+        },
+        UISETTING_ROUTE_CHANGE: {
+          actions: [assign(({
+            context,
+            event
+          }) => {
+            const routePath = event.pathname || '/';
+            const routePattern = event.routePattern;
+            // Clone context to avoid mutations
+            const newContext = cloneDeep(context);
+            // Update internal route and route pattern
+            newContext.internal.currentRoute = routePath;
+            if (routePattern) {
+              newContext.internal.routePattern = routePattern;
+            }
+            // Build override keys using route pattern if available
+            const routeForBracket = routePattern || routePath;
+            const routeDeviceKey = [routeForBracket, context.internal.deviceType];
+            // Apply overrides by chaining: base -> device -> route+device
+            const deviceOverride = context.internal.configModel.override(routeDeviceKey, {
+              strict: true
+            });
+            // Extract final merged settings
+            const effectiveSettings = deviceOverride.getValue('');
+            // Rebuild PUBLIC settings from scratch (no leakage from old route)
+            newContext.public = effectiveSettings;
+            return newContext;
+          })
+          // 'updateReduxSettings',
+          ]
+        },
+        UISETTING_UPDATE_ROUTE_SETTINGS: {
+          actions: [assign(({
+            context
+          }) => ({
+            ...context
+            // Route settings are now handled via uiSettings overrides
+          })), 'updateReduxSettings']
+        },
+        UISETTING_RESET: {
+          actions: [assign(({
+            context
+          }) => {
+            const newContext = cloneDeep(context);
+            // Reset public state
+            newContext.public.components = [];
+            newContext.public.activeComponent = undefined;
+            // Reset internal tracking
+            newContext.internal.changedSettings = {};
+            return newContext;
+          }), 'updateReduxSettings']
+        },
+        UISETTING_RESET_CHANGED_SETTINGS: {
+          actions: [assign(({
+            context
+          }) => {
+            const newContext = cloneDeep(context);
+            newContext.internal.changedSettings = {};
+            return newContext;
+          })]
+        },
+        UISETTING_UPDATE_DEVICE_TYPE: {
+          actions: [assign(({
+            context,
+            event
+          }) => {
+            const deviceType = event.deviceType || 'desktop';
+            if (context.internal.deviceType === deviceType) {
+              return context;
+            }
+            const newContext = cloneDeep(context);
+            newContext.internal.deviceType = deviceType;
+            // Recalculate settings for new device
+            const routeForBracket = context.internal.routePattern || context.internal.currentRoute;
+            const routeOverride = context.internal.configModel.override([routeForBracket, deviceType], {
+              strict: true
+            });
+            newContext.public = routeOverride.getValue('');
+            return newContext;
+          }), 'updateReduxSettings']
+        }
+      }
+    }
+  }
+});export{settingsMachine};//# sourceMappingURL=settingsMachine.js.map

package/lib/machines/settingsMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settingsMachine.js","sources":["../../src/machines/settingsMachine.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/machines/types.d.ts

@@ -0,0 +1,272 @@
+export type ThemeColor = 'blue' | 'indigo' | 'red' | 'orange' | 'yellow' | 'teal' | 'green' | 'blue' | 'purple';
+export type NavigationMode = 'sidebar' | 'topbar' | 'mixed';
+export type SideMenuType = 'expanded' | 'collapsed' | 'perplexLayout';
+export type ContentWidth = 'fixed' | 'fluid';
+export declare enum SearchBarBehavior {
+    PERMANENT = "permanent",
+    ON_SCROLL = "on-scroll"
+}
+export interface BackgroundSettings {
+    type: 'color' | 'image' | 'video';
+    color?: string;
+    image?: string;
+    video?: string;
+    videoThumbnail?: string;
+}
+export interface ComponentSettings {
+    id: string;
+    name: string;
+    settings: Record<string, any>;
+}
+export type RouteSettings = {
+    layout?: {
+        desktop: {
+            navigationMode: NavigationMode;
+            sideMenuType: SideMenuType;
+            contentWidth: ContentWidth;
+            fixedHeader: boolean;
+            fixedSidebar: boolean;
+            splitMenus: boolean;
+            upperMenuDividerName?: string;
+            middleMenuDividerName?: string;
+            lowerMenuDividerName?: string;
+        };
+        mobile: {
+            navigationMode: NavigationMode;
+            sideMenuType: SideMenuType;
+            contentWidth: ContentWidth;
+            fixedHeader: boolean;
+            fixedSidebar: boolean;
+            splitMenus: boolean;
+            upperMenuDividerName?: string;
+            middleMenuDividerName?: string;
+            lowerMenuDividerName?: string;
+        };
+    };
+    header?: {
+        desktop?: {
+            showLogo?: boolean;
+            showSearchSlot?: boolean;
+            showRightContent?: boolean;
+            showMenuToggle?: boolean;
+            showBackButton?: boolean;
+            showPageTitle?: boolean;
+            showActionButtons?: boolean;
+            position?: 'fixed' | 'static';
+            height?: string;
+            elevation?: number;
+            showHeader?: boolean;
+            showMenu?: boolean;
+            menuHeaderRender?: boolean;
+            searchBarRender?: boolean;
+            searchBarBehavior?: SearchBarBehavior;
+            searchBarOverlay?: boolean;
+            scrollThreshold?: number;
+        };
+        mobile?: {
+            showLogo?: boolean;
+            showSearchSlot?: boolean;
+            showRightContent?: boolean;
+            showMenuToggle?: boolean;
+            showBackButton?: boolean;
+            showPageTitle?: boolean;
+            showActionButtons?: boolean;
+            position?: 'fixed' | 'static';
+            height?: string;
+            elevation?: number;
+            showHeader?: boolean;
+            showMenu?: boolean;
+            menuHeaderRender?: boolean;
+            searchBarRender?: boolean;
+            searchBarBehavior?: SearchBarBehavior;
+            searchBarOverlay?: boolean;
+            scrollThreshold?: number;
+        };
+    };
+    footer?: {
+        desktop?: {
+            showFooter?: boolean;
+        };
+        mobile?: {
+            showFooter?: boolean;
+        };
+    };
+    background?: {
+        desktop?: BackgroundSettings;
+        mobile?: BackgroundSettings;
+    };
+    regions?: {
+        desktop?: {
+            background?: BackgroundSettings;
+            header?: {
+                showLogo?: boolean;
+                showSearchSlot?: boolean;
+                showRightContent?: boolean;
+                showMenuToggle?: boolean;
+                showBackButton?: boolean;
+                showPageTitle?: boolean;
+                showActionButtons?: boolean;
+                position?: 'fixed' | 'static';
+                height?: string;
+                elevation?: number;
+                showHeader?: boolean;
+                showMenu?: boolean;
+                menuHeaderRender?: boolean;
+                searchBarRender?: boolean;
+                searchBarBehavior?: SearchBarBehavior;
+                searchBarOverlay?: boolean;
+                scrollThreshold?: number;
+            };
+            footer?: {
+                showFooter?: boolean;
+            };
+        };
+        mobile?: {
+            background?: BackgroundSettings;
+            header?: {
+                showLogo?: boolean;
+                showSearchSlot?: boolean;
+                showRightContent?: boolean;
+                showMenuToggle?: boolean;
+                showBackButton?: boolean;
+                showPageTitle?: boolean;
+                showActionButtons?: boolean;
+                position?: 'fixed' | 'static';
+                height?: string;
+                elevation?: number;
+                showHeader?: boolean;
+                showMenu?: boolean;
+                menuHeaderRender?: boolean;
+                searchBarRender?: boolean;
+                searchBarBehavior?: SearchBarBehavior;
+                searchBarOverlay?: boolean;
+                scrollThreshold?: number;
+            };
+            footer?: {
+                showFooter?: boolean;
+            };
+        };
+    };
+};
+/**
+ * UI Settings - User-facing settings that control the visual appearance and layout.
+ * This includes all visual/layout settings but excludes internal machine state.
+ */
+export interface UISettings {
+    navTheme: 'light' | 'dark' | 'realDark';
+    primaryColor: string;
+    secondaryColor: string;
+    theme?: string;
+    logo: string;
+    showSettingPanel: boolean;
+    titleColor: string;
+    language: string;
+    fontFamily: string;
+    titleFontWeight: string;
+    titleHeight: string;
+    titleFontSize: string;
+    letterSpacings: string;
+    siderBgColor: string;
+    sideMenuType: SideMenuType;
+    headerBgColor: string;
+    textColor: string;
+    themeType: string;
+    loginThemeColor: string;
+    loginFormPosition: string;
+    loginSocials: string;
+    loginBackgroundImage: string;
+    verifyFormLayout: string;
+    verifyFormImageUrl: string;
+    verifyFormBackgroundStyle: string;
+    verifyFormVisibleFields: string;
+    verifyFormShowSkipButton: boolean;
+    components: ComponentSettings[];
+    activeComponent?: string;
+    hiddenMenuKeys?: string[];
+    hiddenMenuCategories?: string[];
+    uiSettings?: {
+        uilayout?: {
+            layout?: any;
+            regions?: any;
+        };
+        overrides?: Record<string, any>;
+    };
+    overrides?: Record<string, any>;
+}
+/**
+ * Machine-internal state used for XState machine logic only.
+ * These values are NEVER exposed to consumers or synced to Redux.
+ *
+ * IMPORTANT: This interface contains ONLY machine-internal state.
+ * NO user-facing settings should be added here.
+ */
+export interface MachineInternalState {
+    configModel: any;
+    deviceType: 'desktop' | 'mobile';
+    currentRoute: string;
+    changedSettings: Record<string, any>;
+    currentChangedSetting?: Record<string, any>;
+    routePattern?: string;
+}
+/**
+ * Settings Context - Complete state with separated UI and internal concerns.
+ */
+export interface SettingsContext {
+    public: UISettings;
+    internal: MachineInternalState;
+}
+/**
+ * Legacy type for backward compatibility
+ * @deprecated Use UISettings instead
+ */
+export type SettingsContextLegacy = UISettings;
+export type UpdateEvent = {
+    type: 'UISETTING_UPDATE';
+    value?: Partial<SettingsContext>;
+};
+export type ComponentEvent = {
+    type: 'REGISTER_COMPONENT';
+    component: ComponentSettings;
+} | {
+    type: 'UPDATE_COMPONENT_SETTINGS';
+    componentId: string;
+    settings: Record<string, any>;
+} | {
+    type: 'SELECT_COMPONENT';
+    componentId: string;
+} | {
+    type: 'CLEAR_COMPONENT_SELECTION';
+};
+export type MachineEvent = {
+    type: 'UISETTING_UPDATE';
+    value: Partial<SettingsContext>;
+} | {
+    type: 'REGISTER_COMPONENT';
+    component: any;
+} | {
+    type: 'UPDATE_COMPONENT_SETTINGS';
+    componentId: string;
+    settings: any;
+} | {
+    type: 'SELECT_COMPONENT';
+    componentId: string;
+} | {
+    type: 'CLEAR_COMPONENT_SELECTION';
+} | {
+    type: 'UISETTING_RESET';
+} | {
+    type: 'SAVE';
+} | {
+    type: 'UISETTING_RESET_CHANGED_SETTINGS';
+} | {
+    type: 'UISETTING_ROUTE_CHANGE';
+    pathname: string;
+    routePattern?: string;
+} | {
+    type: 'UISETTING_UPDATE_ROUTE_SETTINGS';
+    settings: Record<string, Partial<SettingsContext>>;
+} | {
+    type: 'UISETTING_UPDATE_DEVICE_TYPE';
+    deviceType: 'desktop' | 'mobile';
+};
+//# sourceMappingURL=types.d.ts.map