@resistdesign/voltra 3.0.0-alpha.3 → 3.0.0-alpha.4

package/src/api/Router/index.js

@@ -1,145 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleCloudFunctionEvent = exports.addRouteMapToRouteMap = exports.addRoutesToRouteMap = exports.addRouteToRouteMap = void 0;
-const Auth_1 = require("./Auth");
-const CORS_1 = require("./CORS");
-const Routing_1 = require("../../common/Routing");
-const Utils_1 = require("../../common/Logging/Utils");
-__exportStar(require("./AWS"), exports);
-/**
- * A utility function to add a route to a route map by path.
- * */
-const addRouteToRouteMap = (routeMap, route, basePath = "") => {
-    const { path: routePath } = route;
-    const path = (0, Routing_1.mergeStringPaths)(basePath, routePath);
-    return {
-        ...routeMap,
-        [path]: route,
-    };
-};
-exports.addRouteToRouteMap = addRouteToRouteMap;
-/**
- * Add multiple routes to a {@link RouteMap} by path.
- * */
-const addRoutesToRouteMap = (routeMap, routes, basePath = "") => {
-    let newRouteMap = {
-        ...routeMap,
-    };
-    for (const route of routes) {
-        newRouteMap = (0, exports.addRouteToRouteMap)(newRouteMap, route, basePath);
-    }
-    return newRouteMap;
-};
-exports.addRoutesToRouteMap = addRoutesToRouteMap;
-/**
- * Apply one {@link RouteMap} to another.
- * */
-const addRouteMapToRouteMap = (routeMap, routeMapToAdd, basePath = "") => {
-    const newRouteMap = {
-        ...routeMap,
-    };
-    for (const k in routeMapToAdd) {
-        const path = (0, Routing_1.mergeStringPaths)(basePath, k);
-        newRouteMap[path] = routeMapToAdd[k];
-    }
-    return newRouteMap;
-};
-exports.addRouteMapToRouteMap = addRouteMapToRouteMap;
-/**
- * A Cloud Function event router.
- * */
-const handleCloudFunctionEvent = async (event, eventTransformer, routeMap, allowedOrigins, errorShouldBeExposedToClient, debug = false) => {
-    let transformedEvent = undefined;
-    try {
-        transformedEvent = eventTransformer(event);
-    }
-    catch (error) {
-        // Ignore.
-    }
-    if (transformedEvent) {
-        const { authInfo, headers: { origin: originItems = [] } = {}, path = "", 
-        // IMPORTANT: Respond automatically to all OPTIONS requests.
-        method, 
-        // IMPORTANT: Should be an array of arguments.
-        body = [], } = transformedEvent;
-        const providedOrigin = originItems[0];
-        const normalizedOrigin = typeof providedOrigin === "string" ? providedOrigin : "";
-        const normalizedBody = Array.isArray(body) ? body : [body];
-        const normalizedPath = (0, Routing_1.getPathString)((0, Routing_1.getPathArray)(`${path}`));
-        const route = routeMap[normalizedPath];
-        const responseHeaders = (0, CORS_1.getHeadersWithCORS)(normalizedOrigin, allowedOrigins);
-        if (method === "OPTIONS") {
-            return {
-                statusCode: 200,
-                headers: responseHeaders,
-                body: "OK",
-            };
-        }
-        else {
-            if (route) {
-                const { authConfig = {}, handlerFactory, handler } = route;
-                const requestIsAuthorized = (0, Auth_1.getRouteIsAuthorized)(authInfo, authConfig);
-                if (requestIsAuthorized) {
-                    const handlerInstance = handler
-                        ? handler
-                        : handlerFactory(transformedEvent);
-                    try {
-                        const result = await (0, Utils_1.logFunctionCall)(normalizedPath, normalizedBody, handlerInstance, debug);
-                        return {
-                            statusCode: 200,
-                            headers: responseHeaders,
-                            body: JSON.stringify(result),
-                        };
-                    }
-                    catch (error) {
-                        return {
-                            statusCode: 500,
-                            headers: responseHeaders,
-                            body: JSON.stringify({
-                                status: "Internal Server Error",
-                                message: error?.message,
-                                error: errorShouldBeExposedToClient
-                                    ? errorShouldBeExposedToClient(error)
-                                        ? error
-                                        : undefined
-                                    : undefined,
-                            }, null, 2),
-                        };
-                    }
-                }
-                else {
-                    return {
-                        statusCode: 401,
-                        headers: responseHeaders,
-                        body: "Unauthorized",
-                    };
-                }
-            }
-            return {
-                statusCode: 404,
-                headers: responseHeaders,
-                body: "Not Found",
-            };
-        }
-    }
-    return {
-        statusCode: 500,
-        headers: {},
-        body: "Internal Server Error",
-    };
-};
-exports.handleCloudFunctionEvent = handleCloudFunctionEvent;

package/src/api/index.d.ts

@@ -1,3 +0,0 @@
-export * as ORM from "./ORM";
-export * as Routing from "./Router";
-export * as DAC from "./DataAccessControl";

package/src/api/index.js

@@ -1,39 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DAC = exports.Routing = exports.ORM = void 0;
-exports.ORM = __importStar(require("./ORM"));
-exports.Routing = __importStar(require("./Router"));
-exports.DAC = __importStar(require("./DataAccessControl"));

package/src/app/index.d.ts

@@ -1 +0,0 @@
-export * as Utils from "./utils";

package/src/app/index.js

@@ -1,37 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Utils = void 0;
-exports.Utils = __importStar(require("./utils"));

package/src/app/utils/ApplicationState.d.ts

@@ -1,52 +0,0 @@
-import { FC, PropsWithChildren } from "react";
-/**
- * An object, nested or not, used as the identifier or identifier path for a state value.
- * */
-export interface ApplicationStateIdentifier extends Record<string, ApplicationStateIdentifier | {}> {
-}
-export type ApplicationStateValue = any;
-export type ApplicationStateModificationState = Map<ApplicationStateIdentifier, boolean>;
-export type ApplicationState = Map<ApplicationStateIdentifier, ApplicationStateValue>;
-export type ApplicationStateIdentifierSubStateType<SpecificType> = SpecificType extends undefined ? ApplicationStateIdentifier : SpecificType extends ApplicationStateIdentifier ? SpecificType : never;
-export declare const getApplicationStateIdentifier: <SubStateIdStructure extends ApplicationStateIdentifier>(subStateIdMap?: SubStateIdStructure) => ApplicationStateIdentifierSubStateType<SubStateIdStructure>;
-export declare const getApplicationStateModified: (identifier: ApplicationStateIdentifier, modificationState: ApplicationStateModificationState) => boolean;
-export declare const getApplicationStateValue: (identifier: ApplicationStateIdentifier, applicationState: ApplicationState) => ApplicationStateValue;
-export declare const setApplicationStateModified: (identifier: ApplicationStateIdentifier, value: boolean, modificationState: ApplicationState) => ApplicationStateModificationState;
-export declare const setApplicationStateValue: (identifier: ApplicationStateIdentifier, value: ApplicationStateValue, applicationState: ApplicationState) => ApplicationState;
-export declare const getApplicationStateValueStructure: <ReturnStructureType extends Record<string, any>>(idStructure: Record<keyof ReturnStructureType, ApplicationStateIdentifier>, applicationState: ApplicationState) => ReturnStructureType;
-export type ApplicationStateContextType = {
-    modified: ApplicationStateModificationState;
-    value: ApplicationState;
-    onChange: (newValue: ApplicationState) => void;
-    setModified: (newValue: ApplicationStateModificationState) => void;
-};
-export declare const ApplicationStateContext: import("react").Context<ApplicationStateContextType>;
-/**
- * Used to access and update application state values.
- * */
-export type ApplicationStateValueController = {
-    modified: boolean;
-    value: ApplicationStateValue;
-    onChange: (value: ApplicationStateValue) => void;
-    setModified: (value: boolean) => void;
-};
-/**
- * Get and set an application state value by identifier.
- * */
-export declare const useApplicationStateValue: (identifier: ApplicationStateIdentifier) => ApplicationStateValueController;
-/**
- * A mapped structure of application state value controllers.
- * */
-export type ApplicationStateValueStructureController<StructureType extends Record<string, any>> = {
-    valueStructure: StructureType;
-    onChangeStructure: Record<keyof StructureType, (newValue: any) => void>;
-};
-/**
- * Use an object that is a collection of application state value controllers.
- * */
-export declare const useApplicationStateValueStructure: <StructureType extends Record<string, any>>(idStructure: Record<keyof StructureType, ApplicationStateIdentifier>) => ApplicationStateValueStructureController<StructureType>;
-export type ApplicationStateProviderProps = PropsWithChildren<{}>;
-/**
- * Provide a context container for application state.
- * */
-export declare const ApplicationStateProvider: FC<ApplicationStateProviderProps>;

package/src/app/utils/ApplicationState.js

@@ -1,86 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApplicationStateProvider = exports.useApplicationStateValueStructure = exports.useApplicationStateValue = exports.ApplicationStateContext = exports.getApplicationStateValueStructure = exports.setApplicationStateValue = exports.setApplicationStateModified = exports.getApplicationStateValue = exports.getApplicationStateModified = exports.getApplicationStateIdentifier = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const getApplicationStateIdentifier = (subStateIdMap) => (subStateIdMap ? subStateIdMap : {});
-exports.getApplicationStateIdentifier = getApplicationStateIdentifier;
-const getApplicationStateModified = (identifier, modificationState) => !!modificationState.get(identifier);
-exports.getApplicationStateModified = getApplicationStateModified;
-const getApplicationStateValue = (identifier, applicationState) => applicationState.get(identifier);
-exports.getApplicationStateValue = getApplicationStateValue;
-const setApplicationStateModified = (identifier, value, modificationState) => new Map(modificationState).set(identifier, value);
-exports.setApplicationStateModified = setApplicationStateModified;
-const setApplicationStateValue = (identifier, value, applicationState) => new Map(applicationState).set(identifier, value);
-exports.setApplicationStateValue = setApplicationStateValue;
-const getApplicationStateValueStructure = (idStructure, applicationState) => Object.keys(idStructure).reduce((acc, k) => ({
-    ...acc,
-    [k]: (0, exports.getApplicationStateValue)(idStructure[k], applicationState),
-}), {});
-exports.getApplicationStateValueStructure = getApplicationStateValueStructure;
-exports.ApplicationStateContext = (0, react_1.createContext)({
-    modified: new Map(),
-    value: new Map(),
-    onChange: () => { },
-    setModified: () => { },
-});
-const { Provider } = exports.ApplicationStateContext;
-/**
- * Get and set an application state value by identifier.
- * */
-const useApplicationStateValue = (identifier) => {
-    const { modified: modificationState, value: applicationState, onChange: setApplicationState, setModified: setModificationState, } = (0, react_1.useContext)(exports.ApplicationStateContext);
-    const appStateRef = (0, react_1.useRef)(applicationState);
-    appStateRef.current = applicationState;
-    const modified = (0, react_1.useMemo)(() => (0, exports.getApplicationStateModified)(identifier, modificationState), [identifier, modificationState]);
-    const value = (0, react_1.useMemo)(() => (0, exports.getApplicationStateValue)(identifier, applicationState), [identifier, applicationState]);
-    const setModified = (0, react_1.useCallback)((isModified) => {
-        setModificationState((0, exports.setApplicationStateModified)(identifier, isModified, modificationState));
-    }, [identifier, setModificationState]);
-    const onChange = (0, react_1.useCallback)((newValue) => {
-        setApplicationState((0, exports.setApplicationStateValue)(identifier, newValue, appStateRef.current));
-        setModified(true);
-    }, [identifier, setApplicationState]);
-    const controller = (0, react_1.useMemo)(() => ({
-        modified,
-        value,
-        onChange,
-        setModified,
-    }), [modified, onChange, setModified, value]);
-    return controller;
-};
-exports.useApplicationStateValue = useApplicationStateValue;
-/**
- * Use an object that is a collection of application state value controllers.
- * */
-const useApplicationStateValueStructure = (idStructure) => {
-    const { value: applicationState, onChange: setApplicationState } = (0, react_1.useContext)(exports.ApplicationStateContext);
-    const valueStructure = (0, react_1.useMemo)(() => (0, exports.getApplicationStateValueStructure)(idStructure, applicationState), [applicationState, idStructure]);
-    const onChangeStructure = (0, react_1.useMemo)(() => Object.keys(idStructure).reduce((acc, k) => ({
-        ...acc,
-        [k]: (newValue) => {
-            setApplicationState((0, exports.setApplicationStateValue)(idStructure[k], newValue, applicationState));
-        },
-    }), {}), [applicationState, idStructure, setApplicationState]);
-    const controller = (0, react_1.useMemo)(() => ({
-        valueStructure,
-        onChangeStructure,
-    }), [onChangeStructure, valueStructure]);
-    return controller;
-};
-exports.useApplicationStateValueStructure = useApplicationStateValueStructure;
-/**
- * Provide a context container for application state.
- * */
-const ApplicationStateProvider = ({ children, }) => {
-    const [modified, setModified] = (0, react_1.useState)(new Map());
-    const [value, setValue] = (0, react_1.useState)(new Map());
-    const controller = (0, react_1.useMemo)(() => ({
-        modified,
-        value,
-        onChange: setValue,
-        setModified,
-    }), [modified, value]);
-    return (0, jsx_runtime_1.jsx)(Provider, { value: controller, children: children });
-};
-exports.ApplicationStateProvider = ApplicationStateProvider;

package/src/app/utils/ApplicationStateLoader.d.ts

@@ -1,46 +0,0 @@
-import { ApplicationStateIdentifier } from "./ApplicationState";
-import { ServiceConfig } from "./Service";
-/**
- * Access and track the loading of an application state value.
- * */
-export type ApplicationStateLoader = {
-    loading: boolean;
-    latestError: any;
-    invalidate: () => void;
-    makeRemoteProcedureCall: (...args: any[]) => Promise<void>;
-};
-/**
- * The service, path and arguments to use for a remote procedure call.
- * */
-export type RemoteProcedureCall = {
-    serviceConfig: ServiceConfig;
-    path: string;
-    args?: any[];
-};
-/**
- * The configuration for an application state loader.
- * */
-export type ApplicationStateLoaderConfig = {
-    identifier: ApplicationStateIdentifier;
-    remoteProcedureCall: RemoteProcedureCall;
-    /**
-     * Clear the application state value on error.
-     *
-     * @default false
-     * */
-    resetOnError?: boolean;
-    /**
-     * Called each time the application state value has been loaded.
-     * */
-    onLoadComplete?: (success: boolean) => void;
-    /**
-     * Prevent automatic loading of the application state value and call the `RemoteProcedureCall` manually with `makeRemoteProcedureCall` on the `ApplicationStateLoader`.
-     *
-     * @default false
-     * */
-    manual?: boolean;
-};
-/**
- * Load, track and access an application state value.
- * */
-export declare const useApplicationStateLoader: (config: ApplicationStateLoaderConfig) => ApplicationStateLoader;

package/src/app/utils/ApplicationStateLoader.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useApplicationStateLoader = void 0;
-const ApplicationState_1 = require("./ApplicationState");
-const Service_1 = require("./Service");
-const react_1 = require("react");
-/**
- * Load, track and access an application state value.
- * */
-const useApplicationStateLoader = (config) => {
-    const { identifier, remoteProcedureCall, resetOnError = false, onLoadComplete, manual = false, } = config;
-    const { args = [] } = remoteProcedureCall;
-    const argsRef = (0, react_1.useRef)(args);
-    argsRef.current = args;
-    const [cacheValidity, setCacheValidity] = (0, react_1.useState)({});
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const [latestError, setLatestError] = (0, react_1.useState)();
-    const { onChange, setModified } = (0, ApplicationState_1.useApplicationStateValue)(identifier);
-    const invalidate = (0, react_1.useCallback)(() => {
-        setCacheValidity({});
-    }, []);
-    const makeRemoteProcedureCall = (0, react_1.useCallback)(async (...directArgs) => {
-        let success;
-        setLoading(true);
-        setLatestError(undefined);
-        try {
-            const { serviceConfig, path } = remoteProcedureCall;
-            const result = await (0, Service_1.sendServiceRequest)(serviceConfig, path, directArgs);
-            success = true;
-            onChange(result);
-            setModified(false);
-        }
-        catch (error) {
-            success = false;
-            setLatestError(error);
-            if (resetOnError) {
-                onChange(undefined);
-                setModified(false);
-            }
-        }
-        setLoading(false);
-        onLoadComplete?.(success);
-    }, [remoteProcedureCall, onChange, setModified, resetOnError, onLoadComplete]);
-    const appStateLoader = (0, react_1.useMemo)(() => ({
-        loading,
-        latestError,
-        invalidate,
-        makeRemoteProcedureCall,
-    }), [loading, latestError, invalidate, makeRemoteProcedureCall]);
-    (0, react_1.useEffect)(() => {
-        if (!manual && argsRef.current) {
-            makeRemoteProcedureCall(...argsRef.current);
-        }
-    }, [cacheValidity, manual, makeRemoteProcedureCall]);
-    return appStateLoader;
-};
-exports.useApplicationStateLoader = useApplicationStateLoader;

package/src/app/utils/Controller.d.ts

@@ -1,4 +0,0 @@
-/**
- * Safely access and update a value in a parent object by its key.
- * */
-export declare const useController: (parentValue: any, key: string | number, onParentValueChange: (value: any) => void, isArrayIndex?: boolean) => any[];

package/src/app/utils/Controller.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useController = void 0;
-const react_1 = require("react");
-const getKeyValueWithoutError = (obj, key) => {
-    try {
-        return obj[key];
-    }
-    catch (e) {
-        return undefined;
-    }
-};
-/**
- * Safely access and update a value in a parent object by its key.
- * */
-const useController = (parentValue, key, onParentValueChange, isArrayIndex = false) => {
-    const [value, setValue] = (0, react_1.useState)(getKeyValueWithoutError(parentValue, key));
-    const onChange = (0, react_1.useCallback)((value) => {
-        try {
-            setValue(value);
-            if (isArrayIndex) {
-                const newArray = [...parentValue];
-                newArray[key] = value;
-                onParentValueChange(newArray);
-            }
-            else {
-                onParentValueChange({
-                    ...parentValue,
-                    [key]: value,
-                });
-            }
-        }
-        catch (e) {
-            // Ignore.
-        }
-    }, [parentValue, key, onParentValueChange, isArrayIndex]);
-    (0, react_1.useEffect)(() => {
-        try {
-            setValue(getKeyValueWithoutError(parentValue, key));
-        }
-        catch (e) {
-            setValue(undefined);
-        }
-    }, [parentValue, key]);
-    return [value, onChange];
-};
-exports.useController = useController;

package/src/app/utils/Debug.d.ts

@@ -1,4 +0,0 @@
-/**
- * Examines the changes in the dependencies of a hook.
- * */
-export declare const useDebugDependencies: (dependencies: any[]) => void;

package/src/app/utils/Debug.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDebugDependencies = void 0;
-const react_1 = require("react");
-/**
- * Examines the changes in the dependencies of a hook.
- * */
-const useDebugDependencies = (dependencies) => {
-    const firstRender = (0, react_1.useRef)(true);
-    const prevDeps = (0, react_1.useRef)(dependencies);
-    (0, react_1.useEffect)(() => {
-        if (firstRender.current) {
-            firstRender.current = false;
-            return;
-        }
-        const changedDeps = dependencies
-            .map((dep, i) => {
-            if (dep !== prevDeps.current[i]) {
-                return i;
-            }
-            return null;
-        })
-            .filter((dep) => dep !== null);
-        if (changedDeps.length > 0) {
-            console.log("Changed dependencies:", changedDeps);
-        }
-        prevDeps.current = dependencies;
-    }, dependencies);
-};
-exports.useDebugDependencies = useDebugDependencies;

package/src/app/utils/EasyLayout.d.ts

@@ -1,49 +0,0 @@
-import { FC, PropsWithChildren } from "react";
-/**
- * FC With Children
- * */
-export type FCWithChildren = FC<PropsWithChildren>;
-/**
- * Component Map
- * */
-export type ComponentMap = Record<string, FCWithChildren>;
-/**
- * Layout Components
- * */
-export type LayoutComponents = {
-    layout: FCWithChildren;
-    areas: ComponentMap;
-};
-/**
- * Quickly express advanced, extensible grid layouts with styled-components.
- *
- * @example
- * ```tsx
- * const {
- *   layout: Container,
- *   areas: {
- *     Header,
- *     Side,
- *     Main,
- *     Footer,
- *   },
- * } = getEasyLayout(styled.div)`
- *   header header header, 1fr
- *   side main main, 5fr
- *   footer footer footer, 1fr
- *   \\ 1fr 1fr 1fr
- * `;
- *
- * const App = () => {
- *   return (
- *     <Container>
- *       <Header>Header Content</Header>
- *       <Side>Side Content</Side>
- *       <Main>Main Content</Main>
- *       <Footer>Footer Content</Footer>
- *     </Container>
- *   );
- * };
- * ```
- * */
-export declare const getEasyLayout: (extendFrom?: FCWithChildren, areasExtendFrom?: FCWithChildren) => ((layoutTemplate: TemplateStringsArray, ...expressions: any[]) => LayoutComponents);