@gary121/sistent 0.14.11

package/dist/index.d.mts

@@ -0,0 +1,4472 @@
+import * as _mui_material from '@mui/material';
+import { AccordionProps, AccordionActionsProps, AccordionDetailsProps, AccordionSummaryProps, AlertProps as AlertProps$1, AppBarProps, AutocompleteProps as AutocompleteProps$1, AvatarProps, AvatarGroupProps, BackdropProps, BadgeProps, BoxProps, ButtonProps as ButtonProps$1, ButtonGroupProps, CardProps, CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps, CheckboxProps, ChipProps, CircularProgressProps, ClickAwayListenerProps, CollapseProps, ContainerProps, CssBaselineProps, DialogProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogTitleProps, DividerProps, DrawerProps, FabProps, FadeProps, FormControlProps, FormControlLabelProps, FormGroupProps, FormLabelProps, GridProps, GrowProps, HiddenProps, IconButtonProps as IconButtonProps$1, InputProps, InputAdornmentProps, InputBaseProps, InputLabelProps, LinearProgressProps, LinkProps, ListProps, ListItemProps, ListItemAvatarProps, ListItemButtonProps, ListItemIconProps, ListItemSecondaryActionProps, ListItemTextProps, ListSubheaderProps, MenuProps, MenuItemProps, MenuListProps, NativeSelectProps, NoSsrProps, OutlinedInputProps, PaginationProps, PaperProps, PopoverProps, PopperProps, RadioProps, RadioGroupProps, SkeletonProps, SlideProps, SliderProps, SnackbarProps, SpeedDialProps, SpeedDialActionProps, StackProps, StepProps, StepperProps, StepLabelProps, StepConnectorProps, StepButtonProps, StepContentProps, StepIconProps, SvgIconProps, SwitchProps, TabProps, TableProps, TableBodyProps, TableCellProps, TableContainerProps, TableHeadProps, TableRowProps, TableSortLabelProps, TabsProps, ToggleButtonProps, ToggleButtonGroupProps, ToolbarProps, TooltipProps, TypographyProps, ZoomProps, Theme as Theme$1, SxProps, SelectChangeEvent, PaletteOptions, PaletteMode, Interactiveness } from '@mui/material';
+export { AccordionDetailsProps, AccordionProps, AccordionSummaryProps, AppBarProps, AvatarGroupProps, AvatarProps, BackdropProps, BadgeProps, BoxProps, ButtonGroupProps, CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps, CardProps, CollapseProps, CssBaselineProps, DividerProps, DrawerProps, FormControlProps, ListItemAvatarProps, ListItemProps, ListItemSecondaryActionProps, ListItemTextProps, ListProps, ListSubheaderProps, MenuItemProps, MenuListProps, MenuProps, OutlinedInputProps, PaginationItem, PaginationProps, PaperProps, PopperProps, RadioGroupProps, SelectProps, SkeletonProps, SlideProps, StackProps, SvgIconProps, SwitchProps, TabProps, TableProps, TabsProps, TextFieldProps, Theme, ThemeProvider, ToggleButtonGroupProps, ToggleButtonProps, ToolbarProps, TooltipProps, TypographyProps, alpha, createTheme, keyframes, lighten, styled, useMediaQuery, useTheme } from '@mui/material';
+import * as React$1 from 'react';
+import React__default, { FC, CSSProperties, Dispatch, SetStateAction, ReactNode, SVGProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChartOptions } from 'billboard.js';
+import { MUIDataTableColumn } from 'mui-datatables';
+import { FallbackProps } from 'react-error-boundary';
+import { OptionsObject } from 'notistack';
+import { PopperProps as PopperProps$1, PopperPlacementType } from '@mui/material/Popper';
+import { Theme } from '@mui/material/styles';
+import * as _emotion_styled from '@emotion/styled';
+import * as _mui_system from '@mui/system';
+import _ from 'lodash';
+import { Observable } from 'rxjs';
+import { Store as Store$1, Dispatch as Dispatch$1 } from 'redux';
+import { TypographyOptions } from '@mui/material/styles/createTypography';
+import { EmotionCache } from '@emotion/react';
+import * as xstate from 'xstate';
+import { EventObject, ErrorActorEvent, DoneActorEvent, SnapshotFrom, NonReducibleUnknown, ActorLogic, AnyMachineSnapshot, AnyActorLogic, AnyEventObject, AnyActorRef } from 'xstate';
+import { UnknownAction, Store, Selector } from '@reduxjs/toolkit';
+import { Api, EndpointDefinitions, QueryResultSelectorResult } from '@reduxjs/toolkit/query/react';
+import { AnyActorSystem } from 'xstate/dist/declarations/src/system';
+
+declare const DATA_VALIDATOR_COMMANDS: {
+    VALIDATE_DATA: "VALIDATE_DATA";
+};
+declare const DATA_VALIDATOR_EVENTS: {
+    DESIGN_VALIDATION_DONE: "DESIGN_VALIDATION_DONE";
+    DESIGN_VALIDATION_FAILED: "DESIGN_VALIDATION_FAILED";
+};
+type ValidationPayload = Record<string, unknown>;
+type ValidationResults = unknown;
+type SystemErrors = unknown;
+interface ValidateDataCommand extends EventObject {
+    type: typeof DATA_VALIDATOR_COMMANDS.VALIDATE_DATA;
+    returnAddress: string;
+    data: {
+        validationPayload: ValidationPayload;
+    };
+}
+interface ValidateActorDoneEvent extends DoneActorEvent {
+    output: {
+        validationResults: ValidationResults;
+    };
+}
+interface DataValidatedEvent extends EventObject {
+    type: typeof DATA_VALIDATOR_EVENTS.DESIGN_VALIDATION_DONE;
+    data: {
+        validationPayload: ValidationPayload;
+        validationResults: ValidationResults;
+    };
+}
+interface DataValidationFailedEvent extends EventObject {
+    type: typeof DATA_VALIDATOR_EVENTS.DESIGN_VALIDATION_FAILED;
+    data: {
+        validationPayload: ValidationPayload;
+        systemErrors: SystemErrors;
+    };
+}
+declare const dataValidatorCommands: {
+    validateData: ({ validationPayload, returnAddress }: {
+        validationPayload: ValidationPayload;
+        returnAddress: string;
+    }) => ValidateDataCommand;
+};
+declare const dataValidatorEvents: {
+    dataValidated: ({ validationPayload, validationResults }: {
+        validationPayload: ValidationPayload;
+        validationResults: ValidationResults;
+    }) => DataValidatedEvent;
+    dataValidationFailed: ({ validationPayload, systemErrors }: {
+        validationPayload: ValidationPayload;
+        systemErrors: SystemErrors;
+    }) => DataValidationFailedEvent;
+};
+interface ValidationMachineContext {
+    validationResults: ValidationResults | null;
+    validationPayload: ValidationPayload | null;
+    returnAddress: string | null;
+}
+interface ValidateActorInput {
+    validationPayload: ValidationPayload;
+    prevValidationResults: ValidationResults;
+}
+declare const dataValidatorMachine: xstate.StateMachine<ValidationMachineContext, ValidateDataCommand | ValidateActorDoneEvent | DataValidatedEvent | DataValidationFailedEvent, {
+    [x: string]: xstate.ActorRefFromLogic<xstate.PromiseActorLogic<never, ValidateActorInput, EventObject>> | undefined;
+}, {
+    src: "ValidateActor";
+    logic: xstate.PromiseActorLogic<never, ValidateActorInput, EventObject>;
+    id: string | undefined;
+}, xstate.Values<{
+    setReturnAddress: {
+        type: "setReturnAddress";
+        params: xstate.NonReducibleUnknown;
+    };
+    setValidationPayload: {
+        type: "setValidationPayload";
+        params: xstate.NonReducibleUnknown;
+    };
+    resetValidationPayload: {
+        type: "resetValidationPayload";
+        params: xstate.NonReducibleUnknown;
+    };
+    resetValidationResults: {
+        type: "resetValidationResults";
+        params: xstate.NonReducibleUnknown;
+    };
+    setValidationResults: {
+        type: "setValidationResults";
+        params: xstate.NonReducibleUnknown;
+    };
+}>, never, "debounceTimeout", "validatingData" | {
+    idle: "waiting" | "debouncing";
+}, string, xstate.NonReducibleUnknown, xstate.NonReducibleUnknown, EventObject, xstate.MetaObject, {
+    readonly id: "validationMachine";
+    readonly initial: "idle";
+    readonly context: {
+        readonly validationResults: null;
+        readonly validationPayload: {};
+        readonly returnAddress: null;
+    };
+    readonly states: {
+        readonly idle: {
+            readonly description: "when the machine is idle , i.e no process is going on and the machine the ready to accept new request";
+            readonly initial: "waiting";
+            readonly on: {
+                readonly VALIDATE_DATA: {
+                    readonly target: ".debouncing";
+                    readonly actions: readonly ["setValidationPayload", "setReturnAddress"];
+                };
+            };
+            readonly states: {
+                readonly waiting: {};
+                readonly debouncing: {
+                    readonly after: {
+                        readonly debounceTimeout: "#validatingData";
+                    };
+                };
+            };
+        };
+        readonly validatingData: {
+            readonly id: "validatingData";
+            readonly invoke: {
+                readonly src: "ValidateActor";
+                readonly input: ({ context }: {
+                    context: ValidationMachineContext;
+                }) => {
+                    validationPayload: ValidationPayload;
+                    prevValidationResults: unknown;
+                };
+                readonly onDone: {
+                    readonly target: "idle";
+                    readonly actions: readonly ["setValidationResults", any];
+                };
+                readonly onError: {
+                    readonly target: "idle";
+                    readonly actions: readonly [any, ({ event }: xstate.ActionArgs<ValidationMachineContext, ErrorActorEvent<unknown, string>, ValidateDataCommand | ValidateActorDoneEvent | DataValidatedEvent | DataValidationFailedEvent>) => void, xstate.ActionFunction<ValidationMachineContext, ErrorActorEvent<unknown, string>, ValidateDataCommand | ValidateActorDoneEvent | DataValidatedEvent | DataValidationFailedEvent, undefined, {
+                        src: "ValidateActor";
+                        logic: xstate.PromiseActorLogic<never, ValidateActorInput, EventObject>;
+                        id: string | undefined;
+                    }, never, never, never, never>];
+                };
+            };
+        };
+    };
+}>;
+type ValidationMachineSnapshot = SnapshotFrom<typeof dataValidatorMachine>;
+declare const selectValidationResults: (state: ValidationMachineSnapshot) => unknown;
+declare const selectIsValidating: (state: ValidationMachineSnapshot) => boolean;
+
+type WorkerInput = NonReducibleUnknown;
+type WorkerSnapshot = AnyMachineSnapshot;
+type WorkerActorLogic<TEvent extends EventObject, TInput = NonReducibleUnknown> = ActorLogic<WorkerSnapshot, TEvent, TInput, AnyActorSystem, EventObject>;
+declare const fromWorkerfiedActor: (worker: Worker) => WorkerActorLogic<EventObject, WorkerInput>;
+
+declare const workerfyActor: (actor: AnyActorLogic) => null;
+
+interface ReduxActorContext {
+    store: Store;
+    selectors: {
+        [key: string]: Selector;
+    };
+}
+type extraArgs = any[];
+declare const REDUX_COMMANDS: {
+    DISPATCH: string;
+    GET_STATE: string;
+    GET_STATE_FROM_SELECTOR: string;
+    SUBSCRIBE: string;
+    UNSUBSCRIBE: string;
+};
+declare const REDUX_EVENTS: {
+    REDUX_STATE_SNAPSHOT: string;
+};
+type REXUX_ACTOR_EVENTS = {
+    type: 'DISPATCH';
+    data: {
+        action: UnknownAction;
+    };
+} | {
+    type: 'SUBSCRIBE';
+} | {
+    type: 'UNSUBSCRIBE';
+} | {
+    type: 'REDUX_STATE_SNAPSHOT';
+    data: {
+        snapshot: unknown;
+    };
+} | {
+    type: 'GET_STATE';
+    returnAddress: string;
+    data: {
+        key: string;
+    };
+} | {
+    type: 'GET_STATE_FROM_SELECTOR';
+    returnAddress: string;
+    data: {
+        selector: string;
+        extraArgs?: extraArgs;
+    };
+};
+declare const reduxEvents: {
+    stateSnapshot: (snapshot: unknown) => {
+        type: string;
+        data: {
+            snapshot: unknown;
+        };
+    };
+};
+declare const reduxCommands: {
+    dispatch: (action: UnknownAction) => {
+        type: string;
+        data: {
+            action: UnknownAction;
+        };
+    };
+    getState: (key: string, returnAddress: string) => {
+        type: string;
+        returnAddress: string;
+        data: {
+            key: string;
+        };
+    };
+    getStateFromSelector: (selector: string, returnAddress: string, extraArgs?: extraArgs | undefined) => {
+        type: string;
+        returnAddress: string;
+        data: {
+            selector: string;
+            extraArgs: extraArgs | undefined;
+        };
+    };
+};
+declare const reduxActor: xstate.StateMachine<ReduxActorContext, {
+    type: 'DISPATCH';
+    data: {
+        action: UnknownAction;
+    };
+} | {
+    type: 'SUBSCRIBE';
+} | {
+    type: 'UNSUBSCRIBE';
+} | {
+    type: 'REDUX_STATE_SNAPSHOT';
+    data: {
+        snapshot: unknown;
+    };
+} | {
+    type: 'GET_STATE';
+    returnAddress: string;
+    data: {
+        key: string;
+    };
+} | {
+    type: 'GET_STATE_FROM_SELECTOR';
+    returnAddress: string;
+    data: {
+        selector: string;
+        extraArgs?: extraArgs;
+    };
+}, {}, never, never, never, never, "idle", string, ReduxActorContext, xstate.NonReducibleUnknown, xstate.EventObject, xstate.MetaObject, {
+    readonly initial: "idle";
+    readonly context: ({ input }: {
+        spawn: {
+            <TSrc extends never>(logic: TSrc, ...[options]: never): xstate.ActorRefFromLogic<never>;
+            <TLogic extends xstate.AnyActorLogic>(src: TLogic, options?: {
+                id?: undefined;
+                systemId?: string | undefined;
+                input?: xstate.InputFrom<TLogic> | undefined;
+                syncSnapshot?: boolean | undefined;
+            } | undefined): xstate.ActorRefFromLogic<TLogic>;
+        };
+        input: ReduxActorContext;
+        self: xstate.ActorRef<xstate.MachineSnapshot<ReduxActorContext, {
+            type: 'DISPATCH';
+            data: {
+                action: UnknownAction;
+            };
+        } | {
+            type: 'SUBSCRIBE';
+        } | {
+            type: 'UNSUBSCRIBE';
+        } | {
+            type: 'REDUX_STATE_SNAPSHOT';
+            data: {
+                snapshot: unknown;
+            };
+        } | {
+            type: 'GET_STATE';
+            returnAddress: string;
+            data: {
+                key: string;
+            };
+        } | {
+            type: 'GET_STATE_FROM_SELECTOR';
+            returnAddress: string;
+            data: {
+                selector: string;
+                extraArgs?: extraArgs;
+            };
+        }, Record<string, xstate.AnyActorRef | undefined>, xstate.StateValue, string, unknown, any, any>, {
+            type: 'DISPATCH';
+            data: {
+                action: UnknownAction;
+            };
+        } | {
+            type: 'SUBSCRIBE';
+        } | {
+            type: 'UNSUBSCRIBE';
+        } | {
+            type: 'REDUX_STATE_SNAPSHOT';
+            data: {
+                snapshot: unknown;
+            };
+        } | {
+            type: 'GET_STATE';
+            returnAddress: string;
+            data: {
+                key: string;
+            };
+        } | {
+            type: 'GET_STATE_FROM_SELECTOR';
+            returnAddress: string;
+            data: {
+                selector: string;
+                extraArgs?: extraArgs;
+            };
+        }, xstate.AnyEventObject>;
+    }) => ReduxActorContext;
+    readonly states: {
+        readonly idle: {
+            readonly on: {
+                readonly DISPATCH: {
+                    readonly actions: readonly [({ event, context }: xstate.ActionArgs<ReduxActorContext, {
+                        type: 'DISPATCH';
+                        data: {
+                            action: UnknownAction;
+                        };
+                    }, {
+                        type: 'DISPATCH';
+                        data: {
+                            action: UnknownAction;
+                        };
+                    } | {
+                        type: 'SUBSCRIBE';
+                    } | {
+                        type: 'UNSUBSCRIBE';
+                    } | {
+                        type: 'REDUX_STATE_SNAPSHOT';
+                        data: {
+                            snapshot: unknown;
+                        };
+                    } | {
+                        type: 'GET_STATE';
+                        returnAddress: string;
+                        data: {
+                            key: string;
+                        };
+                    } | {
+                        type: 'GET_STATE_FROM_SELECTOR';
+                        returnAddress: string;
+                        data: {
+                            selector: string;
+                            extraArgs?: extraArgs;
+                        };
+                    }>) => UnknownAction];
+                };
+                readonly GET_STATE_FROM_SELECTOR: {
+                    readonly actions: xstate.ActionFunction<ReduxActorContext, {
+                        type: 'GET_STATE_FROM_SELECTOR';
+                        returnAddress: string;
+                        data: {
+                            selector: string;
+                            extraArgs?: extraArgs;
+                        };
+                    }, {
+                        type: 'DISPATCH';
+                        data: {
+                            action: UnknownAction;
+                        };
+                    } | {
+                        type: 'SUBSCRIBE';
+                    } | {
+                        type: 'UNSUBSCRIBE';
+                    } | {
+                        type: 'REDUX_STATE_SNAPSHOT';
+                        data: {
+                            snapshot: unknown;
+                        };
+                    } | {
+                        type: 'GET_STATE';
+                        returnAddress: string;
+                        data: {
+                            key: string;
+                        };
+                    } | {
+                        type: 'GET_STATE_FROM_SELECTOR';
+                        returnAddress: string;
+                        data: {
+                            selector: string;
+                            extraArgs?: extraArgs;
+                        };
+                    }, undefined, never, never, never, never, never>;
+                };
+            };
+        };
+    };
+}>;
+
+interface RtkQueryActorContext {
+    api: Api<any, EndpointDefinitions, any, any>;
+    store: Store;
+}
+interface RtkQueryActorInput {
+    api: Api<any, EndpointDefinitions, any, any>;
+    store: Store;
+}
+interface initiateQueryEvent extends EventObject {
+    type: 'INITIATE_QUERY';
+    data: {
+        endpointName: string;
+        params: unknown;
+    };
+    returnAddress: string;
+}
+interface queryDoneEvent extends DoneActorEvent {
+    output: {
+        result: QueryResultSelectorResult<any>;
+        sourceEvent: initiateQueryEvent;
+    };
+}
+interface queryFailedEvent extends ErrorActorEvent {
+    error: {
+        result: QueryResultSelectorResult<any>;
+        sourceEvent: initiateQueryEvent;
+    };
+}
+interface QueryResultEvent extends EventObject {
+    type: 'QUERY_RESULT';
+    data: {
+        result: unknown;
+    };
+}
+interface QueryFailedEvent extends EventObject {
+    type: 'QUERY_FAILED';
+    data: {
+        error: unknown;
+    };
+}
+declare const rtkQueryActorCommands: {
+    initiateQuery: ({ endpointName, params, returnAddress }: {
+        endpointName: string;
+        params: unknown;
+        returnAddress: string;
+    }) => initiateQueryEvent;
+};
+declare const rtkQueryActorEvents: {
+    queryResult: ({ result }: {
+        result: unknown;
+    }) => QueryResultEvent;
+    queryFailed: ({ error }: {
+        error: unknown;
+    }) => QueryFailedEvent;
+};
+declare const RTK_EVENTS: {
+    QUERY_RESULT: string;
+    QUERY_FAILED: string;
+};
+interface InitiateQueryActorInput {
+    context: RtkQueryActorContext;
+    event: initiateQueryEvent;
+}
+declare const rtkQueryActor: xstate.StateMachine<RtkQueryActorContext, initiateQueryEvent | queryDoneEvent | queryFailedEvent, {
+    [x: string]: xstate.ActorRefFromLogic<xstate.PromiseActorLogic<{
+        result: any;
+        sourceEvent: initiateQueryEvent;
+    }, InitiateQueryActorInput, EventObject>> | undefined;
+}, {
+    src: "InitiateQueryActor";
+    logic: xstate.PromiseActorLogic<{
+        result: any;
+        sourceEvent: initiateQueryEvent;
+    }, InitiateQueryActorInput, EventObject>;
+    id: string | undefined;
+}, never, never, never, "idle" | "querying", string, RtkQueryActorInput, xstate.NonReducibleUnknown, EventObject, xstate.MetaObject, {
+    readonly initial: "idle";
+    readonly context: ({ input }: {
+        spawn: {
+            <TSrc extends "InitiateQueryActor">(logic: TSrc, ...[options]: {
+                src: "InitiateQueryActor";
+                logic: xstate.PromiseActorLogic<{
+                    result: any;
+                    sourceEvent: initiateQueryEvent;
+                }, InitiateQueryActorInput, EventObject>;
+                id: string | undefined;
+            } extends infer T ? T extends {
+                src: "InitiateQueryActor";
+                logic: xstate.PromiseActorLogic<{
+                    result: any;
+                    sourceEvent: initiateQueryEvent;
+                }, InitiateQueryActorInput, EventObject>;
+                id: string | undefined;
+            } ? T extends {
+                src: TSrc;
+            } ? xstate.ConditionalRequired<[options?: ({
+                id?: T["id"] | undefined;
+                systemId?: string | undefined;
+                input?: xstate.InputFrom<T["logic"]> | undefined;
+                syncSnapshot?: boolean | undefined;
+            } & { [K in xstate.RequiredActorOptions<T>]: unknown; }) | undefined], xstate.IsNotNever<xstate.RequiredActorOptions<T>>> : never : never : never): xstate.ActorRefFromLogic<xstate.GetConcreteByKey<{
+                src: "InitiateQueryActor";
+                logic: xstate.PromiseActorLogic<{
+                    result: any;
+                    sourceEvent: initiateQueryEvent;
+                }, InitiateQueryActorInput, EventObject>;
+                id: string | undefined;
+            }, "src", TSrc>["logic"]>;
+            <TLogic extends xstate.AnyActorLogic>(src: TLogic, options?: {
+                id?: undefined;
+                systemId?: string | undefined;
+                input?: xstate.InputFrom<TLogic> | undefined;
+                syncSnapshot?: boolean | undefined;
+            } | undefined): xstate.ActorRefFromLogic<TLogic>;
+        };
+        input: RtkQueryActorInput;
+        self: xstate.ActorRef<xstate.MachineSnapshot<RtkQueryActorContext, initiateQueryEvent | queryDoneEvent | queryFailedEvent, Record<string, xstate.AnyActorRef | undefined>, xstate.StateValue, string, unknown, any, any>, initiateQueryEvent | queryDoneEvent | queryFailedEvent, xstate.AnyEventObject>;
+    }) => RtkQueryActorInput;
+    readonly states: {
+        readonly idle: {
+            readonly on: {
+                readonly INITIATE_QUERY: {
+                    readonly target: "querying";
+                };
+            };
+        };
+        readonly querying: {
+            readonly invoke: {
+                readonly id: "initiateQuery";
+                readonly input: ({ context, event }: {
+                    context: RtkQueryActorContext;
+                    event: initiateQueryEvent | queryDoneEvent | queryFailedEvent;
+                    self: xstate.ActorRef<xstate.MachineSnapshot<RtkQueryActorContext, initiateQueryEvent | queryDoneEvent | queryFailedEvent, Record<string, xstate.AnyActorRef>, xstate.StateValue, string, unknown, any, any>, initiateQueryEvent | queryDoneEvent | queryFailedEvent, xstate.AnyEventObject>;
+                }) => {
+                    context: RtkQueryActorContext;
+                    event: initiateQueryEvent;
+                };
+                readonly src: "InitiateQueryActor";
+                readonly onDone: {
+                    readonly actions: xstate.ActionFunction<RtkQueryActorContext, DoneActorEvent<{
+                        result: any;
+                        sourceEvent: initiateQueryEvent;
+                    }, string>, initiateQueryEvent | queryDoneEvent | queryFailedEvent, undefined, never, never, never, never, never>;
+                    readonly target: "idle";
+                };
+                readonly onError: {
+                    readonly actions: xstate.ActionFunction<RtkQueryActorContext, ErrorActorEvent<unknown, string>, initiateQueryEvent | queryDoneEvent | queryFailedEvent, undefined, never, never, never, never, never>;
+                    readonly target: "idle";
+                };
+            };
+        };
+    };
+}>;
+
+type ContextWithReturnAddress = {
+    returnAddress: AnyActorRef;
+};
+declare const sendToActor: (actor: string, event: AnyEventObject) => xstate.ActionFunction<xstate.MachineContext, xstate.EventObject, xstate.EventObject, xstate.NonReducibleUnknown, never, never, never, never, never>;
+declare const sendToActors: (actorSystemIds: string[], eventCreator: (actionArgs: any, params: any) => AnyEventObject) => xstate.ActionFunction<xstate.MachineContext, xstate.EventObject, xstate.EventObject, xstate.NonReducibleUnknown, xstate.ProvidedActor, xstate.ParameterizedObject, xstate.ParameterizedObject, never, xstate.EventObject>;
+declare const forwardToActors: (actorSystemIds: string[]) => xstate.ActionFunction<xstate.MachineContext, xstate.EventObject, xstate.EventObject, xstate.NonReducibleUnknown, xstate.ProvidedActor, xstate.ParameterizedObject, xstate.ParameterizedObject, never, xstate.EventObject>;
+declare const deadLetter: (event: AnyEventObject) => {
+    type: string;
+    event: AnyEventObject;
+};
+declare const reply: (eventFn: (actionArgs: any, params: any) => AnyEventObject) => xstate.ActionFunction<ContextWithReturnAddress, xstate.EventObject, xstate.EventObject, any, never, never, never, never, never>;
+declare const XSTATE_DEBUG_EVENT = "XSTATE_DEBUG_EVENT";
+type deferredEventsQueue = AnyEventObject[];
+interface DeferredEventsQueueContext {
+    deferredEventsQueue: deferredEventsQueue;
+}
+declare const DeferEvents: {
+    defer: xstate.ActionFunction<DeferredEventsQueueContext, AnyEventObject, xstate.EventObject, xstate.NonReducibleUnknown, xstate.ProvidedActor, never, never, never, never>;
+    recall: xstate.ActionFunction<xstate.MachineContext, xstate.EventObject, xstate.EventObject, xstate.NonReducibleUnknown, xstate.ProvidedActor, xstate.ParameterizedObject, xstate.ParameterizedObject, never, xstate.EventObject>;
+};
+
+interface EventBusEvent<Type extends string, Data = unknown> {
+    type: Type;
+    data: Data;
+}
+type EventType<T> = T extends EventBusEvent<infer Type, any> ? Type : never;
+type DataType<T, Type extends string> = T extends EventBusEvent<Type, infer Data> ? Data : never;
+declare class EventBus<T extends EventBusEvent<string, any>> {
+    private eventSubject;
+    private eventObservable;
+    constructor();
+    publish<E extends T>(event: E): void;
+    on(eventType: EventType<T>): Observable<T>;
+    onAny(): Observable<T>;
+}
+
+declare const REEE = "xxx";
+
+declare const Accordion: React__default.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const AccordionActions: React__default.ForwardRefExoticComponent<Omit<AccordionActionsProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const AccordionDetails: React__default.ForwardRefExoticComponent<Omit<AccordionDetailsProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const AccordionSummary: React__default.ForwardRefExoticComponent<Omit<AccordionSummaryProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Alert: React__default.ForwardRefExoticComponent<Omit<AlertProps$1, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const AppBar: React__default.ForwardRefExoticComponent<Omit<AppBarProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+type AutocompleteProps<T, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false> = AutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo>;
+declare const Autocomplete: React__default.ForwardRefExoticComponent<Omit<AutocompleteProps<unknown, false, false, false>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Avatar: React__default.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const AvatarGroup: React__default.ForwardRefExoticComponent<Omit<AvatarGroupProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Backdrop: React__default.ForwardRefExoticComponent<Omit<BackdropProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Badge: React__default.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Box: React__default.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface ButtonProps extends ButtonProps$1 {
+    label?: string;
+    children?: React.ReactNode;
+}
+declare function Button({ label, children, ...props }: ButtonProps): JSX.Element;
+
+declare const ButtonGroup: React__default.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Card: React__default.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const CardActions: React__default.ForwardRefExoticComponent<Omit<CardActionsProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const CardContent: React__default.ForwardRefExoticComponent<Omit<CardContentProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const CardHeader: React__default.ForwardRefExoticComponent<Omit<CardHeaderProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const CardMedia: React__default.ForwardRefExoticComponent<Omit<CardMediaProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const Chip: React__default.ForwardRefExoticComponent<Omit<ChipProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const CircularProgress: React__default.ForwardRefExoticComponent<Omit<CircularProgressProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const ClickAwayListener: React__default.ForwardRefExoticComponent<ClickAwayListenerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Collapse: React__default.ForwardRefExoticComponent<Omit<CollapseProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Container: React__default.ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare function CssBaseline(props: CssBaselineProps): JSX.Element;
+
+declare const Dialog: React__default.ForwardRefExoticComponent<Omit<DialogProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const DialogActions: React__default.ForwardRefExoticComponent<Omit<DialogActionsProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const DialogContent: React__default.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const DialogContentText: React__default.ForwardRefExoticComponent<Omit<DialogContentTextProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const DialogTitle: React__default.ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare function Divider(props: DividerProps): JSX.Element;
+
+declare const Drawer: React__default.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Fab: React__default.ForwardRefExoticComponent<Omit<FabProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const Fade: React__default.ForwardRefExoticComponent<Omit<FadeProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare function FormControl(props: FormControlProps): JSX.Element;
+
+declare const FormControlLabel: React__default.ForwardRefExoticComponent<Omit<FormControlLabelProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const FormGroup: React__default.ForwardRefExoticComponent<Omit<FormGroupProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const FormLabel: React__default.ForwardRefExoticComponent<Omit<FormLabelProps, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
+
+declare const Grid: React__default.ForwardRefExoticComponent<Omit<GridProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Grow: React__default.ForwardRefExoticComponent<Omit<GrowProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Hidden: React__default.ForwardRefExoticComponent<HiddenProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type IconButtonProps = IconButtonProps$1;
+declare const IconButton: React__default.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const InputAdornment: React__default.ForwardRefExoticComponent<Omit<InputAdornmentProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const InputBase: React__default.ForwardRefExoticComponent<Omit<InputBaseProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+
+declare function InputLabel(props: InputLabelProps): JSX.Element;
+
+declare const LinearProgress: React__default.FC<LinearProgressProps>;
+
+declare function Link(props: LinkProps): JSX.Element;
+
+declare function List(props: ListProps): JSX.Element;
+
+declare const ListItem: React__default.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React__default.RefAttributes<HTMLLIElement>>;
+
+declare const ListItemAvatar: React__default.ForwardRefExoticComponent<Omit<ListItemAvatarProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const ListItemButton: React__default.ForwardRefExoticComponent<Omit<ListItemButtonProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const ListItemIcon: React__default.ForwardRefExoticComponent<Omit<ListItemIconProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const ListItemSecondaryAction: React__default.ForwardRefExoticComponent<Omit<ListItemSecondaryActionProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare function ListItemText(props: ListItemTextProps): JSX.Element;
+
+declare function ListSubheader(props: ListSubheaderProps): JSX.Element;
+
+declare const Menu: React__default.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare function MenuItem(props: MenuItemProps): JSX.Element;
+
+declare function MenuList(props: MenuListProps): JSX.Element;
+
+declare const NativeSelect: React__default.ForwardRefExoticComponent<Omit<NativeSelectProps, "ref"> & React__default.RefAttributes<HTMLSelectElement>>;
+
+declare function NoSsr(props: NoSsrProps): JSX.Element;
+
+declare const OutlinedInput: React__default.ForwardRefExoticComponent<Omit<OutlinedInputProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Pagination: React__default.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Paper: React__default.ForwardRefExoticComponent<Omit<PaperProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Popover: React__default.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Popper: React__default.ForwardRefExoticComponent<Omit<PopperProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Radio: React__default.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const RadioGroup: React__default.ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Select: React__default.ForwardRefExoticComponent<(Omit<_mui_material.BaseSelectProps<unknown> & _mui_material.FilledSelectProps, "ref"> | Omit<_mui_material.BaseSelectProps<unknown> & _mui_material.StandardSelectProps, "ref"> | Omit<_mui_material.BaseSelectProps<unknown> & _mui_material.OutlinedSelectProps, "ref">) & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Skeleton: React__default.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Slide: React__default.ForwardRefExoticComponent<Omit<SlideProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Slider: React__default.ForwardRefExoticComponent<Omit<SliderProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Snackbar: React__default.ForwardRefExoticComponent<Omit<SnackbarProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const SpeedDial: React__default.ForwardRefExoticComponent<Omit<SpeedDialProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const SpeedDialAction: React__default.ForwardRefExoticComponent<Omit<SpeedDialActionProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const Stack: React__default.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Step: React__default.ForwardRefExoticComponent<Omit<StepProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const Stepper: React__default.ForwardRefExoticComponent<Omit<StepperProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const StepLabel: React__default.ForwardRefExoticComponent<Omit<StepLabelProps, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
+declare const StepConnector: React__default.ForwardRefExoticComponent<Omit<StepConnectorProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const StepButton: React__default.ForwardRefExoticComponent<Omit<StepButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+declare const StepContent: React__default.ForwardRefExoticComponent<Omit<StepContentProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const StepIcon: React__default.ForwardRefExoticComponent<Omit<StepIconProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const SvgIcon: React__default.ForwardRefExoticComponent<Omit<SvgIconProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const Switch: React__default.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const Tab: React__default.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare function Table(props: TableProps): JSX.Element;
+
+declare const TableBody: React__default.ForwardRefExoticComponent<Omit<TableBodyProps, "ref"> & React__default.RefAttributes<HTMLTableSectionElement>>;
+
+declare const TableCell: React__default.ForwardRefExoticComponent<Omit<TableCellProps, "ref"> & React__default.RefAttributes<HTMLTableCellElement>>;
+
+declare const TableContainer: React__default.ForwardRefExoticComponent<Omit<TableContainerProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const TableHead: React__default.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & React__default.RefAttributes<HTMLTableSectionElement>>;
+
+declare const TableRow: React__default.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React__default.RefAttributes<HTMLTableRowElement>>;
+
+declare const TableSortLabel: React__default.ForwardRefExoticComponent<Omit<TableSortLabelProps, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
+
+declare const Tabs: React__default.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const TextField: React__default.ForwardRefExoticComponent<(Omit<_mui_material.OutlinedTextFieldProps, "ref"> | Omit<_mui_material.StandardTextFieldProps, "ref"> | Omit<_mui_material.FilledTextFieldProps, "ref">) & React__default.RefAttributes<HTMLDivElement>>;
+
+declare function ToggleButton(props: ToggleButtonProps): JSX.Element;
+
+declare const ToggleButtonGroup: React__default.ForwardRefExoticComponent<Omit<ToggleButtonGroupProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Toolbar: React__default.ForwardRefExoticComponent<Omit<ToolbarProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare function Tooltip(props: TooltipProps): JSX.Element;
+
+declare const Typography: React__default.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Zoom: React__default.ForwardRefExoticComponent<Omit<ZoomProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * @file colors.ts
+ * @description This file defines the color palette for the design system.
+ * It provides a dictionary of commonly used colors for consistency across components.
+ * @remarks These colors can be imported and used in various components.
+ */
+/**
+ * Dictionary of commonly used colors.
+ */
+type ColorDictionary = Record<string, string>;
+declare const colors: ColorDictionary;
+
+interface Option$1 {
+    icon: React$1.ReactNode;
+    label: string;
+    onClick: (event: React$1.MouseEvent<HTMLLIElement, MouseEvent>, index: number) => void;
+    isDivider?: boolean;
+    show?: boolean;
+}
+interface ActionButtonProps {
+    defaultActionClick: () => void;
+    defaultActionDisabled?: boolean;
+    options: Option$1[];
+    label: string;
+}
+declare function ActionButton({ defaultActionClick, defaultActionDisabled, options, label }: ActionButtonProps): JSX.Element;
+
+interface BBChartProps {
+    options: ChartOptions;
+}
+declare const _default$1: React$1.MemoExoticComponent<({ options }: BBChartProps) => react_jsx_runtime.JSX.Element>;
+
+interface NotificationProps {
+    showNotification: boolean;
+    closeNotification: () => void;
+}
+declare const BookmarkNotification: React__default.FC<NotificationProps>;
+
+interface CatalogFilterProps {
+    catalogVisibility: boolean;
+    handleCatalogVisibility: () => void;
+    hideCatalog?: boolean;
+    classes?: string;
+}
+declare function CatalogFilter({ catalogVisibility, handleCatalogVisibility, hideCatalog, classes }: CatalogFilterProps): React__default.JSX.Element;
+
+interface Chapter {
+    frontmatter: {
+        chapterTitle?: string;
+        courseTitle: string;
+        description: string;
+    };
+}
+interface Props$2 {
+    chapterNum: number;
+    chapter: Chapter;
+}
+declare const ChapterCard: React__default.FC<Props$2>;
+
+interface ConnectionChipProps {
+    tooltip: string;
+    tooltipPlacement?: TooltipProps['placement'];
+    variant?: ChipProps['variant'];
+    label: string;
+    icon?: React__default.ReactElement;
+    onClick?: () => void;
+    onDelete?: () => void;
+    style?: React__default.CSSProperties;
+}
+declare function ConnectionChip({ tooltip, tooltipPlacement, variant, label, icon, onClick, onDelete, style, ...rest }: ConnectionChipProps): JSX.Element;
+
+interface CatalogCardDesignLogoProps {
+    zoomEffect?: boolean;
+    imgURL?: string[];
+    type: {
+        type: string;
+    };
+    width: string;
+    height: string;
+    style?: React__default.CSSProperties;
+}
+declare const CatalogCardDesignLogo: React__default.FC<CatalogCardDesignLogoProps>;
+
+interface Pattern {
+    id: string;
+    user_id: string;
+    pattern_file: string;
+    user: {
+        first_name: string;
+        last_name: string;
+    };
+    first_name?: string;
+    last_name?: string;
+    avatar_url: string;
+    name: string;
+    download_count: number;
+    clone_count: number;
+    view_count: number;
+    deployment_count: number;
+    share_count: number;
+    userData?: {
+        version?: string;
+        avatarUrl?: string;
+        userName?: string;
+        technologies?: string[];
+        updatedAt?: string;
+    };
+    catalog_data?: {
+        content_class?: string;
+        imageURL?: string[];
+        compatibility?: string[];
+        published_version?: string;
+        type?: string;
+        pattern_info?: string;
+        pattern_caveats?: string;
+    };
+    visibility: string;
+    updated_at: Date;
+    created_at: Date;
+}
+type CatalogCardProps$1 = {
+    pattern: Pattern;
+    patternType: string;
+    cardHeight?: string;
+    cardWidth?: string;
+    cardStyles?: React__default.CSSProperties;
+    avatarUrl?: string;
+    shouldFlip?: boolean;
+    cardTechnologies?: boolean;
+    isDetailed?: boolean;
+    UserName?: string;
+    children?: React__default.ReactNode;
+    basePath?: string;
+    subBasePath?: string;
+    getHostUrl?: () => string;
+    onCardClick?: () => void;
+};
+declare const CustomCatalogCard: React__default.FC<CatalogCardProps$1>;
+
+declare const EmptyStateCard: FC;
+
+interface CustomColumnVisibilityControlProps {
+    columns: MUIDataTableColumn[];
+    customToolsProps: {
+        columnVisibility: Record<string, boolean>;
+        setColumnVisibility: React__default.Dispatch<React__default.SetStateAction<Record<string, boolean>>>;
+    };
+    style?: React__default.CSSProperties;
+    id: string;
+}
+interface CustomColumn {
+    name: string;
+    label: string;
+}
+declare function CustomColumnVisibilityControl({ columns, id, customToolsProps, style }: CustomColumnVisibilityControlProps): JSX.Element;
+
+interface ImageComponentProps {
+    src: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    loading?: undefined | 'eager' | 'lazy';
+    decoding?: 'sync' | 'async' | 'auto';
+    crossOrigin?: 'anonymous' | 'use-credentials' | '';
+    sizes?: string;
+    srcSet?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+    onClick?: (event: React__default.MouseEvent<HTMLImageElement, MouseEvent>) => void;
+}
+declare const CustomImage: React__default.FC<ImageComponentProps>;
+
+type CustomTooltipProps = {
+    title: string | React__default.ReactNode | JSX.Element;
+    onClick?: (event: React__default.MouseEvent<HTMLElement>) => void;
+    children: React__default.ReactNode;
+    fontSize?: string;
+    fontWeight?: number;
+    variant?: 'standard' | 'small';
+    bgColor?: string;
+} & Omit<TooltipProps, 'title' | 'onClick'>;
+declare function CustomTooltip({ title, onClick, placement, children, fontSize, fontWeight, variant, bgColor, ...props }: CustomTooltipProps): JSX.Element;
+
+type InfoTooltipProps = {
+    helpText: string | React.ReactNode | JSX.Element;
+    style?: React.CSSProperties;
+} & Omit<CustomTooltipProps, 'title' | 'children'>;
+declare const InfoTooltip: ({ helpText, style, ...props }: InfoTooltipProps) => react_jsx_runtime.JSX.Element;
+
+interface CustomDialogProps$1 {
+    open: boolean;
+    fullScreen?: boolean;
+    title?: string;
+    leftHeaderIcon?: React.ReactNode;
+    helpText?: string;
+    helpArea?: React.ReactNode;
+    actions?: React.ReactNode;
+    hideActions?: boolean;
+    styleContent?: React.CSSProperties;
+    content: React.ReactNode;
+    maxWidth?: DialogProps['maxWidth'];
+    onClose: () => void;
+}
+declare function CustomDialog({ open, onClose, title, leftHeaderIcon, helpText, helpArea, actions, hideActions, content, maxWidth, ...props }: CustomDialogProps$1): JSX.Element;
+
+interface StyledDialogActionsProps {
+    children: React__default.ReactNode;
+}
+declare function StyledDialogActions({ children, ...props }: StyledDialogActionsProps): JSX.Element;
+
+interface StyledDialogContentProps {
+    children: React__default.ReactNode;
+}
+declare function StyledDialogContent({ children, ...props }: StyledDialogContentProps): JSX.Element;
+
+interface StyledDialogTitleProps {
+    children: React__default.ReactNode;
+    style?: React__default.CSSProperties;
+}
+declare function StyledDialogTitle({ children, style, ...props }: StyledDialogTitleProps): JSX.Element;
+
+/**
+ * Empty state component for grid view.
+ *
+ * @param {Object} props - The component props.
+ * @param {Object} props.message - The message of the empty state.
+ * @param {string} props.icon - The icon of the empty state.
+ * @param {boolean} pros.poiner - The arrow pointer for button state.
+ *
+ */
+interface EmptyStateProps {
+    icon: string;
+    message?: string;
+    pointerLabel?: string;
+    poiner?: boolean;
+}
+declare function EmptyState({ icon, message, pointerLabel, poiner }: EmptyStateProps): JSX.Element;
+
+interface FallbackComponentProps extends FallbackProps {
+    resetErrorBoundary: () => void;
+    children?: React__default.ReactNode;
+    pageUrl?: string;
+    timestamp?: string;
+    showPackageInfo?: boolean;
+    version?: string;
+}
+declare function Fallback({ error, children, showPackageInfo, version }: FallbackComponentProps): JSX.Element;
+interface ErrorBoundaryProps {
+    customFallback?: React__default.ComponentType<FallbackProps>;
+    children: React__default.ReactNode;
+    onErrorCaught?: (error: string) => void;
+}
+declare const ErrorBoundary: React__default.FC<ErrorBoundaryProps>;
+interface WithErrorBoundaryProps {
+    Component: React__default.ComponentType<any>;
+    errorHandlingProps?: ErrorBoundaryProps;
+}
+declare const withErrorBoundary: React__default.FC<WithErrorBoundaryProps>;
+interface WithSuppressedErrorBoundaryProps {
+    Component: React__default.ComponentType<any>;
+}
+declare const withSuppressedErrorBoundary: React__default.FC<WithSuppressedErrorBoundaryProps>;
+
+interface FeedbackComponentProps {
+    onSubmit: (data: {
+        label: string;
+        message: string;
+    }) => void;
+    containerStyles?: CSSProperties;
+    feedbackOptionStyles?: CSSProperties;
+    renderPosition: 'bottom-center' | 'bottom-right' | 'bottom-left' | 'right-top' | 'right-middle' | 'right-bottom';
+    defaultMessage?: string;
+    defaultOpen?: boolean;
+}
+declare const FeedbackComponent: React__default.FC<FeedbackComponentProps>;
+
+type FlipCardProps = {
+    duration?: number;
+    onClick?: () => void;
+    onShow?: () => void;
+    children: [React__default.ReactNode, React__default.ReactNode];
+    disableFlip?: boolean;
+    padding?: string;
+};
+/**
+ * A card component that provides a flipping animation between two content faces
+ *
+ * @component
+ * @param props.duration - Animation duration in milliseconds (default: 500)
+ * @param props.onClick - Callback function triggered on card click
+ * @param props.onShow - Additional callback function triggered when card shows new face
+ * @param props.children - Array of exactly two child components (front and back)
+ * @param props.disableFlip - When true, prevents the card from flipping (default: false)
+ *
+ * @example
+ * ```tsx
+ * <FlipCard>
+ *   <div>Front Content</div>
+ *   <div>Back Content</div>
+ * </FlipCard>
+ * ```
+ */
+declare function FlipCard({ duration, onClick, onShow, children, disableFlip, padding }: FlipCardProps): react_jsx_runtime.JSX.Element;
+
+interface FormatIdProps {
+    id: string;
+}
+declare const FormatId: React__default.FC<FormatIdProps>;
+
+/**
+ * Custom hook for getting window dimensions.
+ *
+ * @returns {WindowDimensions} { width, height }
+ */
+declare function useWindowDimensions(): WindowDimensions;
+/**
+ * Represents the width and height of the window.
+ */
+interface WindowDimensions {
+    width: number;
+    height: number;
+}
+
+type NotificationHandler = (message: string, options?: OptionsObject) => void;
+declare const useNotificationHandler: () => NotificationHandler;
+
+interface ColView {
+    0: string;
+    1: 'na' | 'xs' | 's' | 'm' | 'l' | 'xl';
+}
+declare const updateVisibleColumns: (colViews: ColView[], width: number) => Record<string, boolean>;
+
+interface Tutorial {
+    frontmatter: {
+        disabled: string;
+        themeColor: string;
+        title: string;
+        courseTitle: string;
+        description: string;
+        status?: boolean;
+        cardImage: string;
+    };
+}
+interface Props$1 {
+    tutorial: Tutorial;
+    path?: string;
+    courseCount: number;
+    courseType: string;
+}
+declare const LearningCard: React__default.FC<Props$1>;
+
+interface RenderMarkdownProps {
+    content: string;
+}
+declare const RenderMarkdown: React.FC<RenderMarkdownProps>;
+declare const BasicMarkdown: React.FC<RenderMarkdownProps>;
+
+interface CustomDialogProps {
+    open: boolean;
+    fullScreen?: boolean;
+    title?: string;
+    leftHeaderIcon?: React.ReactNode;
+    helpText?: string;
+    helpArea?: React.ReactNode;
+    actions?: React.ReactNode;
+    hideActions?: boolean;
+    styleContent?: React.CSSProperties;
+    content: React.ReactNode;
+    closeComponent: React.ReactNode;
+    maxWidth?: DialogProps['maxWidth'];
+    onClose: () => void;
+}
+declare function ModalCard({ title, leftHeaderIcon, helpText, helpArea, actions, hideActions, content, closeComponent }: CustomDialogProps): JSX.Element;
+
+interface IPopperListener extends PopperProps$1 {
+    open: boolean;
+    anchorEl: HTMLElement | null | undefined;
+    children: React.ReactNode;
+    placement?: PopperPlacementType;
+}
+declare function PopperListener({ children, open, anchorEl, placement, ...props }: IPopperListener): JSX.Element;
+
+declare const PROMPT_VARIANTS: {
+    readonly WARNING: "warning";
+    readonly DANGER: "error";
+    readonly SUCCESS: "success";
+    readonly INFO: "info";
+};
+type PromptVariant = (typeof PROMPT_VARIANTS)[keyof typeof PROMPT_VARIANTS];
+interface PromptProps {
+    variant?: PromptVariant;
+}
+interface ShowParams {
+    title: string;
+    subtitle: string;
+    primaryOption: string;
+    variant: PromptVariant;
+    showInfoIcon?: string;
+    showCheckbox?: boolean;
+    headerIcon?: React.ReactNode;
+}
+interface PromptRef {
+    show: (params: ShowParams) => Promise<string>;
+    getCheckboxState: () => boolean;
+}
+declare const PromptComponent: React$1.ForwardRefExoticComponent<PromptProps & React$1.RefAttributes<PromptRef>>;
+
+declare const DataTableEllipsisMenu: React__default.FC<{
+    actionsList: NonNullable<Column['options']>['actionsList'];
+    theme?: Theme;
+}>;
+interface Column {
+    name: string;
+    label: string;
+    options?: {
+        filter?: boolean;
+        sort?: boolean;
+        searchable?: boolean;
+        display?: boolean;
+        sortDescFirst?: boolean;
+        customBodyRender?: (value: string | number | boolean | object) => JSX.Element;
+        actionsList?: {
+            title: string;
+            icon: JSX.Element;
+            onClick: () => void;
+            disabled?: boolean;
+            customComponent?: JSX.Element;
+            type?: string;
+        }[];
+    };
+}
+interface ResponsiveDataTableProps {
+    data: string[][];
+    columns: MUIDataTableColumn[];
+    options?: object;
+    tableCols?: MUIDataTableColumn[];
+    updateCols?: ((columns: MUIDataTableColumn[]) => void) | undefined;
+    columnVisibility: Record<string, boolean> | undefined;
+    theme?: object;
+    colViews?: ColView[];
+    rowsPerPageOptions?: number[] | undefined;
+    backgroundColor?: string;
+}
+declare const ResponsiveDataTable: ({ data, columns, options, tableCols, updateCols, columnVisibility, rowsPerPageOptions, theme: customTheme, backgroundColor, ...props }: ResponsiveDataTableProps) => JSX.Element;
+
+interface SearchBarProps$1 {
+    onSearch: (searchText: string) => void;
+    style?: React__default.CSSProperties;
+    placeholder?: string;
+    onClear?: () => void;
+    expanded: boolean;
+    setExpanded: (expanded: boolean) => void;
+}
+declare function SearchBar({ onSearch, placeholder, onClear, expanded, setExpanded }: SearchBarProps$1): JSX.Element;
+
+interface TeamTableProps {
+    teams: any;
+    tableOptions: object;
+    columnVisibility: Record<string, boolean>;
+    colViews: ColView[];
+    tableCols: any[];
+    columns: MUIDataTableColumn[];
+    updateCols: (cols: any) => void;
+    isRemoveFromTeamAllowed: boolean;
+    org_id: string;
+    useGetUsersForOrgQuery: any;
+    useNotificationHandlers: any;
+    useRemoveUserFromTeamMutation: any;
+}
+declare const TeamTable: React.FC<TeamTableProps>;
+
+interface AssignmentHookResult<T> {
+    data: T[];
+    workspaceData: T[];
+    assignModal: boolean;
+    handleAssignModal: (e?: React.MouseEvent) => void;
+    handleAssignModalClose: (e?: React.MouseEvent) => void;
+    handleAssignablePage: () => void;
+    handleAssignedPage: () => void;
+    handleAssign: () => void;
+    handleAssignData: (data: T[]) => void;
+    isActivityOccurred?: (allItems: T[]) => boolean;
+    disableTransferButton: boolean;
+    assignedItems: T[];
+}
+interface Environment {
+    id: string;
+    name: string;
+    description?: string;
+    organization_id: string;
+    created_at: string;
+    updated_at: string;
+}
+interface Team$1 {
+    id: string;
+    name: string;
+    team_id: string;
+    description?: string;
+    team_name: string;
+    deleted_at: {
+        Valid: boolean;
+    };
+}
+
+interface TeamTableConfigurationProps {
+    teams: Team$1[];
+    count: number;
+    page: number;
+    pageSize: number;
+    setPage: (page: number) => void;
+    setPageSize: (pageSize: number) => void;
+    sortOrder: string;
+    setSortOrder: (sortOrder: string) => void;
+    bulkSelect: boolean;
+    setBulkSelect: (bulkSelect: boolean) => void;
+    handleTeamView: (ev: React.MouseEvent, rowData: any) => void;
+    handleDeleteTeam: (ev: React.MouseEvent, rowData: any) => void;
+    handleleaveTeam: (ev: React.MouseEvent, rowData: any) => void;
+    handleRemoveTeamFromWorkspace?: (rowData: any) => void;
+    teamId: string;
+    workspace?: boolean;
+    isEditTeamAllowed: boolean;
+    isLeaveTeamAllowed: boolean;
+    isRemoveTeamFromWorkspaceAllowed?: boolean;
+    isDeleteTeamAllowed: boolean;
+    setSearch: (search: string) => void;
+}
+declare function TeamTableConfiguration({ teams, count, page, pageSize, setPage, setPageSize, sortOrder, setSortOrder, bulkSelect, setBulkSelect, handleTeamView, handleDeleteTeam, handleRemoveTeamFromWorkspace, handleleaveTeam, teamId, workspace, isEditTeamAllowed, isLeaveTeamAllowed, isRemoveTeamFromWorkspaceAllowed, isDeleteTeamAllowed, setSearch }: TeamTableConfigurationProps): {
+    columns: MUIDataTableColumn[];
+    tableOptions: {
+        filter: boolean;
+        sort: boolean;
+        selectableRows: "none";
+        filterType: "dropdown";
+        expandableRows: boolean;
+        expandableRowsHeader: boolean;
+        expandableRowsOnClick: boolean;
+        responsive: "standard";
+        count: number;
+        rowsPerPage: number;
+        page: number;
+        print: boolean;
+        download: boolean;
+        elevation: number;
+        serverSide: boolean;
+        viewColumns: boolean;
+        search: boolean;
+        rowsExpanded: number[];
+        customToolbarSelect: (selected: any) => react_jsx_runtime.JSX.Element;
+        textLabels: {
+            selectedRows: {
+                text: string;
+            };
+        };
+        onTableChange: (action: string, tableState: any) => void;
+        isRowSelectable: (dataIndx: number) => boolean;
+        setRowProps: (row: any, rowIndex: number, tableState: any) => {
+            style: {
+                backgroundColor: string | undefined;
+            };
+        };
+    };
+    tableCols: MUIDataTableColumn[];
+    updateCols: React$1.Dispatch<React$1.SetStateAction<MUIDataTableColumn[]>>;
+    columnVisibility: Record<string, boolean>;
+    setColumnVisibility: React$1.Dispatch<React$1.SetStateAction<Record<string, boolean>>>;
+    colViews: ColView[];
+};
+
+interface TooltipIconProps {
+    title: string;
+    onClick?: (event: React__default.MouseEvent<HTMLElement>) => void;
+    icon?: React__default.ReactNode;
+    arrow?: boolean;
+    style?: React__default.CSSProperties;
+    iconType?: string;
+    id?: string;
+    placement?: 'bottom' | 'top' | 'left' | 'right';
+    disabled?: boolean;
+    children?: React__default.ReactNode;
+}
+declare function TooltipIcon({ children, title, onClick, icon, style, arrow, disabled, iconType, id, placement }: TooltipIconProps): JSX.Element;
+
+interface TransferListProps {
+    name?: string;
+    assignableData: ListItemType[];
+    assignedData: (data: ListItemType[]) => void;
+    originalAssignedData: ListItemType[];
+    emptyStateIconLeft: JSX.Element;
+    emtyStateMessageLeft: string;
+    emptyStateIconRight: JSX.Element;
+    emtyStateMessageRight: string;
+    transferComponentType: string;
+    assignablePage: () => void;
+    assignedPage: () => void;
+    originalLeftCount: number;
+    originalRightCount: number;
+    rightPermission: boolean;
+    leftPermission: boolean;
+}
+interface ListItemType {
+    id: number;
+    name: string;
+    kind: string | undefined;
+}
+/**
+ * Renders transfer component.
+ *
+ * @param {Object} props - The component props.
+ * @param {String} props.name - This is the name of the data list.
+ * @param {Array} props.assignableData - The assignable data list.
+ * @param {Function} props.assignedData - The callback function to transfer assigned data list.
+ * @param {Array} props.originalAssignedData - The already assigend data list.
+ * @param {Element} props.emptyStateIconLeft - Icon for empty state of list left.
+ * @param {String} props.emtyStateMessageLeft - Message for the empty state of the list left.
+ * @param {Element} props.emptyStateIconRight - Icon for empty state of list right.
+ * @param {String} props.emtyStateMessageRight - Message for the empty state of the list right.
+ * @param {String} props.transferComponentType - Type of the component transfer (There is two types: chip and other).
+ * @param {Boolean} props.leftPermission - Permission to move data from left to right.
+ * @param {Boolean} props.rightPermission - Permission to move data from right to left.
+ */
+declare function TransferList({ name, assignableData, assignedData, assignablePage, assignedPage, originalAssignedData, emptyStateIconLeft, emtyStateMessageLeft, emptyStateIconRight, emtyStateMessageRight, originalLeftCount, originalRightCount, leftPermission, rightPermission, transferComponentType }: TransferListProps): JSX.Element;
+
+interface FilterColumn {
+    name: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+}
+interface UniversalFilterProps {
+    filters: Record<string, FilterColumn>;
+    selectedFilters: Record<string, string>;
+    setSelectedFilters: React__default.Dispatch<React__default.SetStateAction<Record<string, string>>>;
+    variant: 'filled' | 'standard' | 'outlined';
+    handleApplyFilter: () => void;
+    showAllOption?: boolean;
+    id: string;
+}
+declare function UniversalFilter({ filters, selectedFilters, setSelectedFilters, variant, handleApplyFilter, showAllOption, id }: UniversalFilterProps): JSX.Element;
+
+interface UsersTableProps {
+    teamID: string;
+    useGetUsersForOrgQuery: any;
+    org_id: string;
+    useRemoveUserFromTeamMutation: any;
+    useNotificationHandlers: any;
+    isRemoveFromTeamAllowed: boolean;
+    theme?: Theme$1;
+}
+declare const UsersTable: React.FC<UsersTableProps>;
+
+interface UserTableAvatarInfoProps {
+    userId: string;
+    userName: string;
+    userEmail: string;
+    profileUrl?: string;
+}
+declare const UserTableAvatarInfo: React.FC<UserTableAvatarInfoProps>;
+
+declare const VIEW_VISIBILITY: {
+    readonly PUBLIC: "public";
+    readonly PRIVATE: "private";
+    readonly PUBLISHED: "published";
+};
+type VIEW_VISIBILITY = (typeof VIEW_VISIBILITY)[keyof typeof VIEW_VISIBILITY];
+interface VisibilityChipMenuProps {
+    value: VIEW_VISIBILITY;
+    onChange: (value: string) => void;
+    options: [string, React.ElementType][];
+    enabled: boolean;
+}
+declare const VisibilityChipMenu: React.FC<VisibilityChipMenuProps>;
+
+type CatalogCardProps = {
+    pattern: any;
+    patternType: string;
+    cardHeight: string;
+    cardWidth: string;
+    cardStyles: React__default.CSSProperties;
+    type: string;
+    onCardClick?: () => void;
+};
+declare const CatalogCard: React__default.FC<CatalogCardProps>;
+
+interface FilterOption {
+    value: string;
+    label: string;
+    totalCount?: number;
+    description?: string;
+    Icon?: React.ComponentType<{
+        width: string;
+        height: string;
+    }>;
+}
+interface FilterList {
+    filterKey: string;
+    sectionDisplayName?: string;
+    defaultOpen?: boolean;
+    isMultiSelect?: boolean;
+    options?: FilterOption[];
+    customComponent?: React.ComponentType;
+}
+type FilterListWithOptions = FilterList & {
+    options: FilterOption[];
+    customComponent?: never;
+};
+type FilterListWithCustomComponent = FilterList & {
+    customComponent: React.ComponentType;
+    options?: never;
+};
+type FilterListType = FilterListWithOptions | FilterListWithCustomComponent;
+interface CatalogFilterSidebarProps {
+    setData: (callback: (prevFilters: FilterValues) => FilterValues) => void;
+    lists: FilterListType[];
+    value?: FilterValues;
+    styleProps?: StyleProps;
+}
+type FilterValues = Record<string, string | string[]>;
+interface StyleProps {
+    backgroundColor?: string;
+    sectionTitleBackgroundColor?: string;
+    fontFamily?: string;
+}
+/**
+ * @function CatalogFilterSidebar
+ * @description A functional component that renders the filter sidebar.
+ * @param {Array} value - The data to be filtered.
+ * @param {Function} setData - A function to set the filtered data.
+ * @param {Array} lists - An array of filter sections and its options lists.
+ */
+declare const CatalogFilterSidebar: React.FC<CatalogFilterSidebarProps>;
+
+interface ChartDialogProps {
+    open: boolean;
+    content: React__default.ReactNode;
+    title: string;
+    actions?: React__default.ReactNode;
+    onClose: () => void;
+}
+declare function StyledChartDialog({ open, content, title, actions, onClose }: ChartDialogProps): JSX.Element;
+
+interface Option {
+    id: string;
+    name: string;
+}
+interface InputSearchFieldProps {
+    data: Option[];
+    setFilterData: (data: Option[]) => void;
+    label?: string;
+    fetchSuggestions: (value: string) => void;
+    isLoading: boolean;
+    type: string;
+    disabled?: boolean;
+    selectedData: Option[];
+    searchValue: string;
+    setSearchValue: (value: string) => void;
+    iconComponent?: React__default.ReactElement;
+}
+declare const InputSearchField: React__default.FC<InputSearchFieldProps>;
+
+interface ChapterProps {
+    frontmatter: {
+        courseTitle: string;
+        chapterTitle?: string;
+        description: string;
+    };
+}
+interface ContentCardProps {
+    chapterNum: number;
+    chapter: ChapterProps;
+}
+declare const LearningContent: React__default.FC<ContentCardProps>;
+
+type NavigationItem = {
+    id: string;
+    title: string;
+    icon: React__default.ReactNode;
+    permission?: boolean;
+    onClick: () => void;
+    subItems?: NavigationItem[];
+    addDivider?: boolean;
+};
+interface NavigationNavbarProps {
+    navigationItems: NavigationItem[];
+    MenuListProps?: Omit<MenuListProps, 'children'>;
+    ListItemTextProps?: Omit<ListItemTextProps, 'primary'>;
+}
+declare const NavigationNavbar: React__default.FC<NavigationNavbarProps>;
+
+interface AlertProps {
+    type?: 'success' | 'warning' | 'note';
+    title?: string;
+    content: string;
+}
+declare const Note: FC<AlertProps>;
+
+type PanelProps = {
+    isOpen: boolean;
+    children: React__default.ReactNode;
+    areAllExpanded?: boolean;
+    toggleExpandAll?: () => void;
+    handleClose: () => void;
+    sx?: BoxProps['sx'];
+    id?: string;
+    intitialPosition?: {
+        left?: string | number;
+        right?: string | number;
+        top?: string | number;
+        bottom?: string | number;
+    };
+    defaultSize?: {
+        width?: string | number;
+        height?: string | number;
+    };
+    minimizePanel?: () => void;
+    title?: string;
+};
+declare const Panel: React__default.FC<PanelProps>;
+
+interface PerformersSectionProps {
+    useGetCatalogFilters: (params: any) => any;
+    onCardClick: (pattern: Pattern) => void;
+    onIconClick: (sortOrder: string) => void;
+    onAuthorClick: (userId: string) => void;
+    onStatusClick: (status: string) => void;
+}
+declare const _default: React$1.NamedExoticComponent<PerformersSectionProps>;
+
+interface PerformersSectionButtonProps {
+    open: boolean;
+    handleClick: () => void;
+}
+declare const PerformersSectionButton: React__default.FC<PerformersSectionButtonProps>;
+
+interface SetupItem {
+    heading: string;
+    description: string;
+    Icon: JSX.Element | string;
+    url: string;
+}
+interface SetupPreReqProps {
+    Steps: SetupItem[];
+    PrerequisiteLine?: string;
+}
+declare const SetupPreReq: React__default.FC<SetupPreReqProps>;
+
+declare const StyledChapter: _emotion_styled.StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
+interface SearchBarProps {
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
+    width?: string;
+    label?: string;
+    placeholder?: string;
+    sx?: SxProps<Theme$1>;
+    endAdornment?: React__default.ReactNode;
+    debounceTime?: number;
+}
+/**
+ * StyledSearchBar component renders a search input field with customizable properties.
+ *
+ * @param {Object} props - The component props.
+ * @param {function} [props.onChange] - Function to handle the change event when the search input value changes.
+ * @param {string} [props.value] - The current value of the search input.
+ * @param {string} [props.label] - The label for the search input.
+ * @param {string} [props.placeholder] - The placeholder text for the search input.
+ * @param {Object} [props.sx] - The style object for the search input.
+ * @param {React.ReactNode} [props.endAdornment] - The element to display at the end of the search input.
+ * @param {number} [props.debounceTime] - The debounce time for the input change handler.
+ *
+ * @returns {JSX.Element} The rendered StyledSearchBar component.
+ */
+declare function StyledSearchBar({ onChange, value, label, sx, placeholder, endAdornment, debounceTime }: SearchBarProps): JSX.Element;
+
+interface TOCProps$1 {
+    availableChapters: string[];
+    currentChapter: string | undefined | null;
+    onClick: (item: string, e: React__default.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+}
+declare const TOC: React__default.FC<TOCProps$1>;
+
+interface CourseData {
+    frontmatter: {
+        courseTitle: string;
+    };
+}
+interface TOCProps {
+    coursesData: CourseData[];
+}
+declare const TOCLearning: React__default.FC<TOCProps>;
+
+interface Line {
+    short?: boolean;
+    color?: string;
+    indent?: number;
+    code: string;
+}
+interface Props {
+    lines: Line[];
+    title?: string;
+    noScroll?: boolean;
+}
+declare const Terminal: FC<Props>;
+
+interface User$2 {
+    id: string;
+    user_id: string;
+    first_name: string;
+    last_name: string;
+    email: string;
+    avatar_url?: string;
+    deleted_at?: {
+        Valid: boolean;
+    };
+}
+interface UserSearchFieldProps$1 {
+    usersData: User$2[];
+    setUsersData: React__default.Dispatch<React__default.SetStateAction<User$2[]>>;
+    label?: string;
+    setDisableSave?: (disabled: boolean) => void;
+    searchType?: string;
+    disabled?: boolean;
+    customUsersList?: JSX.Element;
+    /**
+     * Function to fetch user suggestions based on the input value.
+     * @param {string} value - The input value for which suggestions are to be fetched.
+     * @returns {Promise<User[]>} A promise that resolves to an array of user suggestions.
+     */
+    fetchSuggestions: (value: string) => Promise<User$2[]>;
+}
+declare const UserShareSearch: React__default.FC<UserSearchFieldProps$1>;
+
+interface User$1 {
+    id: string;
+    first_name: string;
+    last_name: string;
+    email: string;
+    avatar_url?: string;
+    deleted_at?: {
+        Valid: boolean;
+    };
+    deleted?: boolean;
+}
+interface UserSearchFieldProps {
+    usersData: User$1[];
+    setUsersData: React__default.Dispatch<React__default.SetStateAction<User$1[]>>;
+    label?: string;
+    setDisableSave?: (disable: boolean) => void;
+    handleNotifyPref?: () => void;
+    notifyUpdate?: boolean;
+    isCreate?: boolean;
+    searchType?: string;
+    disabled?: boolean;
+    currentUserData: User$1 | null;
+    searchedUsers: User$1[];
+    isUserSearchLoading: boolean;
+    fetchSearchedUsers: (value: string) => void;
+    usersSearch: string;
+    setUsersSearch: React__default.Dispatch<React__default.SetStateAction<string>>;
+}
+declare const UserSearchField: React__default.FC<UserSearchFieldProps>;
+
+interface ModalProps extends DialogProps {
+    closeModal: () => void;
+    title: string;
+    headerIcon?: React__default.ReactNode;
+    reactNode?: React__default.ReactNode;
+}
+interface ModalFooterProps {
+    children: React__default.ReactNode;
+    variant?: 'filled' | 'transparent';
+    helpText?: string;
+    hasHelpText?: boolean;
+}
+type openModalCallback = (props: {
+    title: string;
+    reactNode?: React__default.ReactNode;
+    onClose?: () => void;
+}) => void;
+interface UseModalReturnI extends ModalProps {
+    openModal: openModalCallback;
+    isOpen: boolean;
+}
+declare const CloseBtn: _emotion_styled.StyledComponent<Omit<IconButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const ModalStyledHeader: _emotion_styled.StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material.Theme>, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const useModal: ({ headerIcon }: {
+    headerIcon: React__default.ReactNode;
+}) => UseModalReturnI;
+declare const ModalBody: _emotion_styled.StyledComponent<Omit<_mui_material.PaperProps, "ref"> & React__default.RefAttributes<HTMLDivElement> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const Modal: React__default.FC<ModalProps>;
+declare const ModalFooter: React__default.FC<ModalFooterProps>;
+interface ModalButtonPrimaryProps extends ButtonProps$1 {
+    isOpen?: boolean;
+}
+declare const ModalButtonPrimary: _emotion_styled.StyledComponent<ButtonProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & ModalButtonPrimaryProps, {}, {}>;
+declare const ModalButtonSecondary: _emotion_styled.StyledComponent<ButtonProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const ModalButtonTertiary: _emotion_styled.StyledComponent<ButtonProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const ModalButtonDanger: _emotion_styled.StyledComponent<ButtonProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+interface PrimaryActionButtonsProps {
+    primaryText: string;
+    secondaryText: string;
+    primaryButtonProps?: React__default.ComponentProps<typeof ModalButtonPrimary>;
+    secondaryButtonProps?: React__default.ComponentProps<typeof ModalButtonSecondary>;
+}
+declare const PrimaryActionButtons: React__default.FC<PrimaryActionButtonsProps>;
+
+declare const StyledMarkdown: _emotion_styled.StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material.Theme>, React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+
+type IconProps$1 = {
+    children?: never;
+    color?: string;
+    title?: string;
+    width?: number | string;
+    height?: number | string;
+    fill?: string;
+} & React__default.SVGProps<SVGSVGElement>;
+type CustomIconProps = {
+    primaryFill?: string;
+    secondaryFill?: string;
+} & IconProps$1;
+
+interface StepI {
+    label: string;
+    component: React__default.ComponentType;
+    icon: React__default.ComponentType<IconProps$1>;
+}
+interface UseStepperOptionsI {
+    steps: StepI[];
+}
+interface CustomizedStepperPropsI {
+    activeStep: number;
+    stepLabels: string[];
+    children: React__default.ReactNode;
+    icons: React__default.ComponentType<IconProps$1>[];
+    ContentWrapper?: React__default.ComponentType<{
+        children: React__default.ReactNode;
+    }>;
+}
+interface UseStepperI {
+    steps: StepI[];
+    activeStep: number;
+    setActiveStep: React__default.Dispatch<React__default.SetStateAction<number>>;
+    handleNext: () => void;
+    goBack: () => void;
+    goToStep: (step: number) => void;
+    canGoBack: boolean;
+    canGoForward: boolean;
+    stepLabels: string[];
+    icons: React__default.ComponentType<IconProps$1>[];
+    activeStepComponent: React__default.ComponentType;
+}
+declare const CustomizedStepper: React__default.FC<CustomizedStepperPropsI>;
+declare const useStepper: ({ steps }: UseStepperOptionsI) => UseStepperI;
+
+interface AuthorCellProps {
+    firstName: string;
+    lastName: string;
+    avatarUrl: string;
+    userId: string;
+    maxWidth?: boolean;
+}
+declare const AuthorCell: React__default.FC<AuthorCellProps>;
+
+interface CatalogDesignsTableProps {
+    patterns: Pattern[];
+    filter: any;
+    columns: MUIDataTableColumn[];
+    totalCount: number;
+    sortOrder: string;
+    setSortOrder: (order: string) => void;
+    pageSize: number;
+    setPageSize: (size: number) => void;
+    page: number;
+    setPage: (page: number) => void;
+    columnVisibility: Record<string, boolean>;
+    colViews: ColView[];
+    rowsPerPageOptions?: number[];
+    handleBulkDeleteModal: (patterns: Pattern[], modalRef: React.RefObject<PromptRef>) => void;
+    setSearch?: (search: string) => void;
+    tableBackgroundColor?: string;
+    handleBulkpatternsDataUnpublishModal: (selected: any, patterns: Pattern[], modalRef: React.RefObject<PromptRef>) => void;
+}
+declare const CatalogDesignsTable: React.FC<CatalogDesignsTableProps>;
+
+declare const colViews$1: ColView[];
+interface ColumnConfigProps$1 {
+    handleShowDetails: (design: Pattern) => void;
+    handleClone: (designId: string, name: string) => void;
+    handleCopyUrl: (designId: string, name: string) => void;
+    handleOpenPlayground: (designId: string, name: string) => void;
+    handleUnpublish?: (design: Pattern) => void;
+    maxWidth?: boolean;
+    getCatalogUrl: (type: string, name: string) => string;
+    theme?: any;
+    showUnpublish?: boolean;
+    showOpenPlayground?: boolean;
+    currentUserId?: string;
+    isCloneDisabled?: boolean;
+    isUnpublishDisabled?: boolean;
+    getDownloadUrl: (id: string) => string;
+}
+declare const createDesignColumns: ({ handleShowDetails, handleClone, handleCopyUrl, handleOpenPlayground, handleUnpublish, maxWidth, getCatalogUrl, getDownloadUrl, theme, showUnpublish, currentUserId, isCloneDisabled, isUnpublishDisabled, showOpenPlayground }: ColumnConfigProps$1) => MUIDataTableColumn[];
+
+interface ColumnConfigProps {
+    handleDeleteModal: (data: Pattern) => () => void;
+    handlePublishModal: (data: Pattern) => void;
+    handleUnpublishModal: (data: Pattern) => () => void;
+    handleCopyUrl: (type: string, name: string, id: string) => void;
+    handleClone: (name: string, id: string) => void;
+    handleShowDetails: (designId: string, designName: string) => void;
+    handleDownload?: (design: Pattern) => void;
+    getDownloadUrl?: (id: string) => string;
+    isDownloadAllowed: boolean;
+    isCopyLinkAllowed: boolean;
+    isDeleteAllowed: boolean;
+    isPublishAllowed: boolean;
+    isUnpublishAllowed: boolean;
+    isFromWorkspaceTable?: boolean;
+    isRemoveAllowed?: boolean;
+    theme?: Theme$1;
+}
+declare const colViews: ColView[];
+declare const createDesignsColumnsConfig: ({ handleDeleteModal, handlePublishModal, handleUnpublishModal, handleCopyUrl, handleClone, handleShowDetails, getDownloadUrl, handleDownload, isUnpublishAllowed, isCopyLinkAllowed, isDeleteAllowed, isPublishAllowed, isDownloadAllowed, isRemoveAllowed, theme, isFromWorkspaceTable }: ColumnConfigProps) => MUIDataTableColumn[];
+
+type TypeView$1 = 'grid' | 'table';
+interface TableVisibilityControlProps {
+    viewType: TypeView$1;
+    setViewType: (view: TypeView$1) => void;
+    filteredColumns: CustomColumn[];
+    columnVisibility: Record<string, boolean>;
+    setColumnVisibility: Dispatch<SetStateAction<Record<string, boolean>>>;
+    viewSwitchDisabled?: boolean;
+}
+declare const TableVisibilityControl: React__default.FC<TableVisibilityControlProps>;
+
+/**
+ * Renders a switch component for toggling between grid and table view.
+ *
+ * @typedef {("grid" | "table")} TypeView
+ * @typedef {object} Props
+ * @prop {TypeView} props.view - The current view type ("grid" or "table").
+ * @prop {Function} props.changeView - The function to change the view type.
+ */
+type TypeView = 'grid' | 'table';
+interface ViewSwitchProps {
+    view: TypeView;
+    changeView: (view: TypeView) => void;
+    height?: string;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+}
+declare const ViewSwitch: React.FC<ViewSwitchProps>;
+
+interface ActionButtonsProps {
+    actionItems: boolean;
+    details: Pattern;
+    type: string;
+    isCloneLoading: boolean;
+    getDownloadUrl: (id: string) => string;
+    handleClone: (name: string, id: string) => void;
+    handleUnpublish: () => void;
+    isCloneDisabled: boolean;
+    showUnpublishAction: boolean;
+    showOpenPlaygroundAction: boolean;
+    onOpenPlaygroundClick: (designId: string, name: string) => void;
+    showInfoAction?: boolean;
+    handleInfoClick?: () => void;
+    showDeleteAction?: boolean;
+    handleDelete: () => void;
+}
+declare const ActionButtons: React__default.FC<ActionButtonsProps>;
+
+interface CaveatsSectionProps {
+    details: Pattern;
+}
+declare const CaveatsSection: React__default.FC<CaveatsSectionProps>;
+
+interface FilteredAcademyData {
+    'learning-path'?: string[];
+    challenge?: string[];
+    challenges?: string[];
+}
+interface Class {
+    class: string;
+    description: string;
+}
+type UserProfile = {
+    first_name: string;
+    last_name: string;
+    avatar_url: string;
+};
+
+interface ChallengesSectionProps {
+    filteredAcademyData: FilteredAcademyData;
+}
+declare const ChallengesSection: React.FC<ChallengesSectionProps>;
+
+interface CollapsibleSectionProps$1 {
+    title: string;
+    isOpen: boolean;
+    onToggle: () => void;
+    items: any[];
+    renderItem: (item: any, index: number) => React.ReactNode;
+    emptyState: string;
+    tooltip: string;
+}
+declare const CollapsibleSection: React.FC<CollapsibleSectionProps$1>;
+
+interface LearningSectionProps {
+    filteredAcademyData: FilteredAcademyData;
+}
+declare const LearningSection: React__default.FC<LearningSectionProps>;
+
+interface LeftPanelProps {
+    details: Pattern;
+    type: string;
+    actionItems?: boolean;
+    isCloneLoading: boolean;
+    handleClone: (name: string, id: string) => void;
+    showTechnologies?: boolean;
+    filteredAcademyData: FilteredAcademyData;
+    isCloneDisabled: boolean;
+    technologySVGPath: string;
+    technologySVGSubpath: string;
+    fontFamily?: string;
+    handleUnpublish: () => void;
+    showUnpublishAction?: boolean;
+    showOpenPlaygroundAction?: boolean;
+    onOpenPlaygroundClick: (designId: string, name: string) => void;
+    showInfoAction?: boolean;
+    handleInfoClick?: () => void;
+    showDeleteAction?: boolean;
+    handleDelete: () => void;
+    getDownloadUrl: (id: string) => string;
+}
+declare const LeftPanel: React.FC<LeftPanelProps>;
+
+interface MetricsDisplayProps {
+    details: Pattern;
+}
+declare const MetricsDisplay: React__default.FC<MetricsDisplayProps>;
+
+interface OverviewSectionProps {
+    details: Pattern;
+    type: string;
+    cardId: string;
+    title: string;
+    getUrl: (type: string, id: string) => string;
+    showContentDetails: boolean;
+    ViewsComponent?: React__default.ReactNode;
+    showVersion: boolean;
+    classes: Class[];
+    handleCopyUrl: (type: string, name: string, id: string) => void;
+    fontFamily?: string;
+    userProfile?: any;
+    showShareAction: boolean;
+    handleShare: () => void;
+    isVisibilityEnabled: boolean;
+    handleVisibilityChange: (visibility: VIEW_VISIBILITY) => void;
+}
+declare const OverviewSection: React__default.FC<OverviewSectionProps>;
+
+interface PatternInfoProps {
+    text: string;
+    redirect?: boolean;
+    id?: string;
+}
+declare const PatternInfo: React__default.FC<PatternInfoProps>;
+
+interface PatternsPerUser {
+    patterns: Pattern[];
+}
+interface RelatedDesignsProps {
+    details: Pattern;
+    type: string;
+    patternsPerUser: PatternsPerUser;
+    onSuggestedPatternClick: (pattern: Pattern) => void;
+    userProfile?: UserProfile;
+    technologySVGPath: string;
+    technologySVGSubpath: string;
+    orgName: string;
+    fetchingOrgError: boolean;
+}
+declare const RelatedDesigns: React.FC<RelatedDesignsProps>;
+
+interface RightPanelProps {
+    details: Pattern;
+    type: string;
+    cardId?: string;
+    title: string;
+    getUrl: (type: string, id: string) => string;
+    showContentDetails: boolean;
+    ViewsComponent?: React__default.ReactNode;
+    showVersion: boolean;
+    showCaveats: boolean;
+    classes: Class[];
+    patternsPerUser: PatternsPerUser;
+    handleCopyUrl: (type: string, name: string, id: string) => void;
+    onSuggestedPatternClick: (pattern: Pattern) => void;
+    useGetUserProfileByIdQuery: any;
+    fontFamily?: string;
+    technologySVGPath: string;
+    technologySVGSubpath: string;
+    orgName: string;
+    fetchingOrgError: boolean;
+    showShareAction: boolean;
+    handleShare: () => void;
+    isVisibilityEnabled: boolean;
+    handleVisibilityChange: (visibility: VIEW_VISIBILITY) => void;
+}
+declare const RightPanel: React__default.FC<RightPanelProps>;
+
+interface SocialSharePopperProps {
+    details: Pattern;
+    type: string;
+    cardId: string;
+    title: string;
+    getUrl: (type: string, id: string) => string;
+    handleCopyUrl: (type: string, name: string, id: string) => void;
+    showShareAction: boolean;
+    handleShare: () => void;
+}
+declare const SocialSharePopper: React__default.FC<SocialSharePopperProps>;
+
+interface TechnologySectionProps {
+    technologies: string[];
+    technologySVGPath: string;
+    technologySVGSubpath: string;
+}
+declare const TechnologySection: React__default.FC<TechnologySectionProps>;
+
+interface UserInfoProps {
+    details: Pattern;
+    showVersion?: boolean;
+    userProfile?: UserProfile;
+    isVisibilityEnabled: boolean;
+    handleVisibilityChange: (visibility: VIEW_VISIBILITY) => void;
+}
+declare const UserInfo: React.FC<UserInfoProps>;
+
+interface ActionButtonCardProps {
+    title: string;
+    description: ReactNode;
+    icon: ReactNode;
+    customComponent?: ReactNode;
+    href?: string;
+    target?: string;
+    onClick?: () => void;
+    btnTitle: string;
+    disabled?: boolean;
+    showProgress?: boolean;
+    actionButton?: boolean;
+    maxDescriptionWidth?: string;
+    completedSteps?: string[];
+    totalSteps: number;
+    playgroundCardBackgroundImgSrc?: string;
+}
+declare const ActionButtonCard: ({ title, description, icon, customComponent, href, onClick, btnTitle, disabled, showProgress, actionButton, maxDescriptionWidth, completedSteps, totalSteps, playgroundCardBackgroundImgSrc }: ActionButtonCardProps) => react_jsx_runtime.JSX.Element;
+
+interface JourneyStep {
+    title: string;
+    content: React.ReactNode;
+    image?: string;
+    videoSrc?: string;
+    video?: boolean;
+    embed?: boolean;
+    previousButton?: boolean;
+    isFullScreenModeAllowed?: boolean;
+    actionName?: string;
+    secondaryActionName?: string;
+    primaryAction?: () => void;
+    secondaryAction?: () => void;
+    roles?: string[];
+}
+interface StepData {
+    id: number;
+    title: string;
+    subTitle: string;
+    isDisabled?: boolean;
+    journey: JourneyStep[];
+}
+interface ProfileData {
+    role_names?: string[];
+    preferences?: {
+        remoteProviderPreferences?: {
+            isKanvasAccessRequest?: boolean;
+            getstarted?: number[];
+        };
+    };
+}
+interface GetStartedModalProps {
+    open: boolean;
+    handleClose: () => void;
+    handleOpen: () => void;
+    stepsData: StepData[];
+    profileData: ProfileData;
+    useUpdateUserPrefMutation: any;
+    useGetOrgsQuery: any;
+    currentOrgId: string;
+    useGetUserOrgRolesQuery: any;
+    useHandleUserInviteMutation: any;
+    useNotificationHandlers: any;
+    isAssignUserRolesAllowed: boolean;
+    useLazyGetTeamsQuery: any;
+    embedDesignPath: string;
+    isFromMeshery: boolean;
+}
+declare const GetStartedModal: React.FC<GetStartedModalProps>;
+
+interface UserInviteModalProps {
+    open: boolean;
+    handleInviteModalClose: () => void;
+    setLoading: (loading: boolean) => void;
+    setInviteModal: (open: boolean) => void;
+    currentOrgId: string;
+    useGetOrgsQuery: any;
+    useGetUserOrgRolesQuery: any;
+    useHandleUserInviteMutation: any;
+    useNotificationHandlers: () => {
+        handleSuccess: (message: string) => void;
+        handleError: (message: string) => void;
+    };
+    isAssignUserRolesAllowed: boolean;
+    useLazyGetTeamsQuery: any;
+}
+declare function UserInviteModal({ open, handleInviteModalClose, setLoading, setInviteModal, currentOrgId, useGetOrgsQuery, useGetUserOrgRolesQuery, useHandleUserInviteMutation, useNotificationHandlers, isAssignUserRolesAllowed, useLazyGetTeamsQuery }: UserInviteModalProps): react_jsx_runtime.JSX.Element;
+
+interface JourneyModalProps {
+    open: boolean;
+    handleClose: () => void;
+    handleOpen: () => void;
+    clicked?: number;
+    stepsData: StepData[];
+    useNotificationHandlers: () => {
+        handleInfo: (message: string) => void;
+    };
+    profileData?: ProfileData;
+    embedDesignPath: string;
+}
+declare const JourneyModal: React.FC<JourneyModalProps>;
+
+interface Team {
+    id: string;
+    ID: string;
+    name: string;
+    deleted_at: {
+        Valid: boolean;
+    };
+}
+interface TeamSearchFieldProps {
+    teamsData: Team[];
+    setTeamsData: Dispatch<SetStateAction<Team[]>>;
+    label?: string;
+    orgID: string;
+    disabled?: boolean;
+    useLazyGetTeamsQuery: any;
+    useNotificationHandlers: () => {
+        handleError: (message: string) => void;
+    };
+}
+declare const TeamSearchField: React__default.FC<TeamSearchFieldProps>;
+
+interface Resource$2 {
+    name: string;
+    link: string;
+    icon?: string;
+    external?: boolean;
+}
+interface PlainCardProps {
+    title: string;
+    icon: React.ReactNode;
+    resources: Resource$2[];
+}
+declare const PlainCard: ({ title, icon, resources }: PlainCardProps) => JSX.Element;
+
+interface Resource$1 {
+    link: string;
+    name: string;
+    icon?: string;
+    external?: boolean;
+    timestamp: string;
+}
+interface CardData {
+    id: string;
+    title: string;
+    image: React.ReactNode;
+    redirect?: string;
+    video?: string;
+}
+type SortOrder = 'updated_at asc' | 'updated_at desc';
+interface DesignCardProps {
+    title: string;
+    isPatternsFetching: boolean;
+    description?: string;
+    actionButton?: boolean;
+    icon?: React.ReactNode;
+    resources: Resource$1[];
+    href?: string;
+    onClick?: () => void;
+    btnTitle?: string;
+    sortOrder: string;
+    setSortOrder: (order: SortOrder) => void;
+    cardData: CardData[];
+}
+declare const DesignCard: React.FC<DesignCardProps>;
+
+interface CreateDesignModalProps {
+    openModal: boolean;
+    handleClose: () => void;
+    cardData: CardData[];
+}
+declare const CreateDesignModal: React.FC<CreateDesignModalProps>;
+
+interface Activity$1 {
+    created_at: string;
+    description: string;
+}
+interface Workspace {
+    id: string;
+    name: string;
+}
+interface WorkspaceActivityCardProps {
+    selectedWorkspace: string;
+    handleWorkspaceChange: (event: SelectChangeEvent<unknown>) => void;
+    activities: Activity$1[];
+    workspaces: Workspace[];
+    isEventsLoading: boolean;
+    workspacePagePath: string;
+}
+declare const WorkspaceActivityCard: React.FC<WorkspaceActivityCardProps>;
+
+interface CollapsibleSectionProps {
+    title: string;
+    children: ReactNode;
+    showAll?: boolean;
+    numberText?: string | number;
+    level?: number;
+}
+interface NumberStateProps {
+    title?: string;
+    value: string | number;
+    quantity: string;
+}
+interface NumberStateData {
+    title: string;
+    value: string | number;
+    quantity: string;
+}
+interface NumberStateFormatterProps {
+    data: NumberStateData[];
+}
+interface KeyValueProps {
+    Key: string;
+    Value: string | number | ReactNode;
+    showFold?: boolean;
+}
+interface CodeFormatterProps {
+    data: any;
+}
+interface ListFormatterProps {
+    data: string[];
+}
+interface OperatorDynamicFormatterProps {
+    data: any;
+    level?: number;
+}
+interface StatusFormatterProps {
+    status: string;
+    rightPosition?: string;
+}
+interface LabelFormatterProps {
+    data: string[];
+    onClick: (labels: string[]) => void;
+    selectedLabels: string[];
+}
+interface MemoryUsageProps {
+    allocatable?: {
+        cpu: string;
+        memory: string;
+        'ephemeral-storage': string;
+    };
+    capacity?: {
+        cpu: string;
+        memory: string;
+        'ephemeral-storage': string;
+    };
+    height?: number;
+    width?: number;
+}
+interface TableDataFormatterProps {
+    title?: string;
+    data?: any;
+    showAll?: boolean;
+    mainTableData?: any[][];
+    mainTableCols?: any[];
+}
+interface TextWithLinkFormatterProps {
+    title: string;
+    value: string;
+    variant: 'row' | 'column';
+    onClick: () => void;
+}
+interface ContainerFormatterProps {
+    containerSpec: {
+        ports?: any[];
+        imagePullPolicy?: string;
+        image?: string;
+        env?: any[];
+        volumeMounts?: {
+            name: string;
+            mountPath: string;
+            readOnly?: boolean;
+        }[];
+        command?: any[];
+        livenessProbe?: any;
+        readinessProbe?: any;
+        startupProbe?: any;
+        args?: any[];
+        resources?: {
+            requests?: any;
+            limits?: any;
+        };
+    };
+    containerStatus: {
+        state: {
+            [key: string]: {
+                startedAt?: string;
+            };
+        };
+        restartCount: number;
+        containerID: string;
+    };
+}
+interface SecretFormatterProps {
+    data: string;
+}
+interface NumberState$1 {
+    title: string;
+    value: number | string;
+    quantity: string;
+}
+interface Resource {
+    status?: {
+        attribute?: string;
+        containerStatuses?: Array<{
+            restartCount?: number;
+        }>;
+        nodeInfo?: {
+            kubeletVersion?: string;
+        };
+        podIP?: string;
+        hostIP?: string;
+        qosClass?: string;
+        replicas?: number;
+        availableReplicas?: number;
+        readyReplicas?: number;
+        loadBalancer?: {
+            ingress?: Array<{
+                ip?: string;
+            }>;
+        };
+        allocatable?: Record<string, string>;
+        capacity?: Record<string, string>;
+        conditions?: Array<{
+            type?: string;
+        }>;
+    };
+    spec?: {
+        attribute?: string;
+        containers?: Array<{
+            image?: string;
+        }>;
+        initContainers?: Array<{
+            name?: string;
+        }>;
+        nodeSelector?: Record<string, string>;
+        template?: {
+            spec?: {
+                containers?: Array<{
+                    image?: string;
+                }>;
+                nodeSelector?: Record<string, string>;
+            };
+        };
+        resources?: {
+            requests?: {
+                storage?: string;
+            };
+        };
+        claimRef?: {
+            name?: string;
+            namespace?: string;
+        };
+        storageClassName?: string;
+        type?: string;
+        clusterIP?: string;
+        updateStrategy?: {
+            type?: string;
+        };
+        externalIPs?: string[];
+        finalizers?: string[];
+        accessModes?: string[];
+        selector?: {
+            matchLabels?: Record<string, string>;
+        };
+        serviceAccountName?: string;
+        tolerations?: unknown;
+        volumes?: unknown;
+        rules?: Array<{
+            host?: string;
+        }>;
+    };
+    metadata?: {
+        creationTimestamp?: string;
+        namespace?: string;
+        labels?: Array<{
+            key?: string;
+            value?: string;
+        }>;
+        annotations?: Array<{
+            key?: string;
+            value?: string;
+        }>;
+    };
+    kind?: string;
+    component?: {
+        kind?: string;
+    };
+    apiVersion?: string;
+    configuration?: {
+        spec?: {
+            strategy?: {
+                type?: string;
+            };
+        };
+        data?: unknown;
+    };
+    type?: string;
+    data?: string;
+}
+interface GetResourceCleanDataProps {
+    resource: Resource;
+    dispatchMsgToEditor?: (msg: any) => void;
+    activeLabels?: string[];
+    showStatus?: boolean;
+    router?: any;
+    container?: any;
+}
+
+declare const NumberStateFormatter: React__default.FC<NumberStateFormatterProps>;
+declare const KeyValueInRow: React__default.FC<KeyValueProps>;
+
+interface OperatorDataFormatterProps {
+    data: any;
+    FormatStructuredData: any;
+    propertyFormatter: any;
+}
+declare const OperatorDataFormatter: ({ data, FormatStructuredData, propertyFormatter }: OperatorDataFormatterProps) => react_jsx_runtime.JSX.Element | null;
+
+declare const CodeFormatter: React__default.FC<CodeFormatterProps>;
+declare const ListFormatter: React__default.FC<ListFormatterProps>;
+declare const OperatorDynamicFormatter: React__default.FC<OperatorDynamicFormatterProps>;
+declare const StatusFormatter: React__default.FC<StatusFormatterProps>;
+declare const LabelFormatter: React__default.FC<LabelFormatterProps>;
+declare const MemoryUsage: React__default.FC<MemoryUsageProps>;
+declare const TableDataFormatter: React__default.FC<TableDataFormatterProps>;
+declare const TextWithLinkFormatter: React__default.FC<TextWithLinkFormatterProps>;
+declare const ContainerFormatter: React__default.FC<ContainerFormatterProps>;
+declare const SecretFormatter: React__default.FC<SecretFormatterProps>;
+declare const CollapsibleSectionFormatter: React__default.FC<CollapsibleSectionProps>;
+declare const NumberState: React__default.FC<NumberStateProps>;
+
+declare const useResourceCleanData: () => {
+    getResourceCleanData: ({ resource, activeLabels, dispatchMsgToEditor, router, showStatus, container }: GetResourceCleanDataProps) => {
+        container: any;
+        age: string | undefined;
+        kind: string | undefined;
+        status: string | false;
+        kubeletVersion: any;
+        podIP: any;
+        hostIP: any;
+        QoSClass: any;
+        size: any;
+        claim: any;
+        claimNamespace: any;
+        apiVersion: string | undefined;
+        pods: any;
+        replicas: string | false;
+        strategyType: string | undefined;
+        storageClass: any;
+        secretType: string | undefined;
+        serviceType: any;
+        clusterIp: any;
+        updateStrategy: any;
+        externalIp: any;
+        finalizers: any;
+        accessModes: any;
+        deeplinks: {
+            links: ({
+                nodeName: any;
+                label: string;
+                namespace?: undefined;
+                serviceAccount?: undefined;
+                resourceCategory?: undefined;
+            } | {
+                namespace: string | undefined;
+                label: string;
+                nodeName?: undefined;
+                serviceAccount?: undefined;
+                resourceCategory?: undefined;
+            } | {
+                serviceAccount: any;
+                label: string;
+                resourceCategory: string;
+                nodeName?: undefined;
+                namespace?: undefined;
+            })[];
+            router: any;
+            dispatchMsgToEditor: ((msg: any) => void) | undefined;
+        };
+        selector: string[];
+        images: any;
+        numberStates: NumberState$1[];
+        nodeSelector: string[];
+        loadBalancer: any;
+        rules: any;
+        usage: {
+            allocatable: any;
+            capacity: any;
+        };
+        configData: unknown;
+        capacity: any;
+        totalCapacity: any;
+        totalAllocatable: any;
+        conditions: any;
+        tolerations: any;
+        podVolumes: any;
+        ingressRules: any;
+        connections: false | _.Omit<any, "type" | "selector">;
+        labels: {
+            data: string[] | undefined;
+            dispatchMsgToEditor: ((msg: any) => void) | undefined;
+            activeViewFilters: string[] | undefined;
+        };
+        annotations: string[] | undefined;
+        initContainers: any;
+        containers: any;
+    };
+    structureNumberStates: (parsedStatus: any, parsedSpec: any) => NumberState$1[];
+    getAge: (creationTimestamp?: string) => string | undefined;
+    getStatus: (attribute: any) => string | false;
+    joinwithEqual: (object: Record<string, string> | undefined) => string[];
+};
+
+interface TableData {
+    name: string;
+    [key: string]: string | number | undefined;
+}
+interface TableColumn {
+    name: string;
+    label: string;
+    options: {
+        sort: boolean;
+    };
+}
+interface TableStructure {
+    key: string;
+    columns: TableColumn[];
+    rows: TableData[];
+}
+declare const splitCamelCaseString: (str: string) => string;
+declare const extractPodVolumnTables: (data: TableData[] | null) => TableStructure[];
+declare const convertToReadableUnit: (value: number) => string;
+
+interface User {
+    id: string;
+    user_id: string;
+    first_name: string;
+    last_name: string;
+    email: string;
+    avatar_url?: string;
+    deleted_at?: {
+        Valid: boolean;
+    };
+}
+interface SelectedResource {
+    visibility: string;
+    name: string;
+    [key: string]: unknown;
+}
+interface ShareModalProps {
+    /** Function to close the share modal */
+    handleShareModalClose: () => void;
+    /** The resource that is selected for sharing.*/
+    selectedResource: SelectedResource;
+    /** The name of the data being shared, like design or filter */
+    dataName: string;
+    /** Data of the user who owns the resource */
+    ownerData: User;
+    /** Function to fetch the list of users who have access to the resource */
+    fetchAccessActors: () => Promise<User[]>;
+    /** Function to handle the sharing of the resource with specified users and options */
+    handleShare: (shareUserData: User[], selectedOption: string | undefined) => void;
+    /** Optional URL of the host application. Defaults to `null` if not provided */
+    hostURL?: string | null;
+    /**
+     * Optional URL of the resource. Defaults to empty string if not provided
+     * Resource URL will be the URL which user will copy with Copy Link Button
+     */
+    resourceURL?: string;
+    /** Optional flag to disable the visibility selector. Defaults to `false` if not provided */
+    isVisibilitySelectorDisabled?: boolean;
+    /**
+     * Function to fetch user suggestions based on the input value.
+     * @param {string} value - The input value for which suggestions are to be fetched.
+     * @returns {Promise<User[]>} A promise that resolves to an array of user suggestions.
+     */
+    fetchSuggestions: (value: string) => Promise<User[]>;
+    handleCopy: () => void;
+}
+/**
+ * ShareModal component allows sharing a resource with specified users
+ * and configuring visibility options.
+ */
+declare const ShareModal: React__default.FC<ShareModalProps>;
+
+interface AssignmentModalProps {
+    open: boolean;
+    onClose: (e?: React.MouseEvent) => void;
+    title: string;
+    headerIcon: JSX.Element;
+    name: string;
+    assignableData: any[];
+    handleAssignedData: (data: any) => void;
+    originalAssignedData: any[];
+    emptyStateIcon: JSX.Element;
+    handleAssignablePage: () => void;
+    handleAssignedPage: () => void;
+    originalLeftCount: number;
+    originalRightCount: number;
+    onAssign: () => void;
+    disableTransfer: boolean;
+    isAssignAllowed: boolean;
+    isRemoveAllowed: boolean;
+    helpText: string;
+    showViews?: boolean;
+    nameViews?: string;
+    assignableViewsData?: any[];
+    handleAssignedViewsData?: (data: any) => void;
+    originalAssignedViewsData?: any[];
+    emptyStateViewsIcon?: JSX.Element;
+    handleAssignableViewsPage?: () => void;
+    handleAssignedViewsPage?: () => void;
+    originalLeftViewsCount?: number;
+    originalRightViewsCount?: number;
+    onAssignViews?: () => void;
+    disableTransferViews?: boolean;
+    isAssignAllowedViews?: boolean;
+    isRemoveAllowedViews?: boolean;
+}
+declare const AssignmentModal: React.FC<AssignmentModalProps>;
+
+interface DesignTableProps {
+    workspaceId: string;
+    workspaceName: string;
+    designsOfWorkspace: any;
+    meshModelModelsData: any;
+    useGetWorkspaceDesignsQuery: any;
+    useAssignDesignToWorkspaceMutation: any;
+    useUnassignDesignFromWorkspaceMutation: any;
+    handleCopyUrl: (type: string, name: string, id: string) => void;
+    handleClone: (name: string, id: string) => void;
+    handleWorkspaceDesignDeleteModal: (designId: string, workspaceId: string) => void;
+    handleBulkWorkspaceDesignDeleteModal: (designs: Pattern[], modalRef: React__default.RefObject<any>, workspaceName: string, workspaceId: string) => void;
+    handlePublish: (publishModal: PublishModalState, data: any) => void;
+    publishModalHandler: any;
+    handleUnpublishModal: (design: Pattern, modalRef: React__default.RefObject<any>) => void;
+    handleDownload?: (design: Pattern) => void;
+    handleBulkUnpublishModal: (selected: any, designs: Pattern[], modalRef: React__default.RefObject<any>) => void;
+    handleShowDetails: (designId: string, designName: string) => void;
+    getDownloadUrl?: (id: string) => string;
+    GenericRJSFModal: any;
+    isDownloadAllowed: boolean;
+    isCopyLinkAllowed: boolean;
+    isDeleteAllowed: boolean;
+    isPublishAllowed: boolean;
+    isUnpublishAllowed: boolean;
+    isAssignAllowed: boolean;
+    isRemoveAllowed: boolean;
+    setDesignSearch: (value: string) => void;
+}
+interface PublishModalState {
+    open: boolean;
+    pattern: Partial<Pattern>;
+}
+declare const DesignTable: React__default.FC<DesignTableProps>;
+
+interface EnvironmentTableProps {
+    workspaceId: string;
+    workspaceName: string;
+    useGetEnvironmentsOfWorkspaceQuery: any;
+    useUnassignEnvironmentFromWorkspaceMutation: any;
+    useAssignEnvironmentToWorkspaceMutation: any;
+    isRemoveAllowed: boolean;
+    isAssignAllowed: boolean;
+}
+declare const EnvironmentTable: React__default.FC<EnvironmentTableProps>;
+
+interface WorkspaceDetails {
+    id: number;
+    name: string;
+    description: string;
+    deleted_at: {
+        Valid: boolean;
+    };
+    updated_at: string;
+    created_at: string;
+}
+type Activity = {
+    description: string;
+    first_name: string;
+    created_at: string;
+};
+interface WorkspaceCardProps {
+    workspaceDetails: WorkspaceDetails;
+    onDelete: () => void;
+    onEdit: () => void;
+    onSelect: () => void;
+    selectedWorkspaces: number[];
+    onAssignTeam: () => void;
+    onAssignEnvironment: () => void;
+    onAssignDesign: () => void;
+    recentActivities: Activity[];
+    onFlip: () => void;
+    onFlipBack: () => void;
+    loadingEvents: boolean;
+    teamsOfWorkspaceCount: number;
+    environmentsOfWorkspaceCount: number;
+    designAndViewOfWorkspaceCount: number;
+    isEnvironmentAllowed: boolean;
+    isTeamAllowed: boolean;
+    isDesignAllowed: boolean;
+    isViewAllowed: boolean;
+    isDeleteWorkspaceAllowed: boolean;
+    isEditWorkspaceAllowed: boolean;
+    isViewsVisible: boolean;
+    isDesignsVisible: boolean;
+    isTeamsVisible: boolean;
+    isEnvironmentsVisible: boolean;
+}
+/**
+ * Renders a Workspace card component.
+ *
+ * @param {Object} props - The component props.
+ * @param {Object} props.environmentDetails - The details of the workspace.
+ * @param {string} props.environmentDetails.name - The name of the workspace.
+ * @param {string} props.environmentDetails.description - The description of the workspace.
+ * @param {Function} props.onDelete - Function to delete the workspace.
+ * @param {Function} props.onEdit - Function to edit the workspace.
+ * @param {Function} props.onSelect - Function to select workspace for bulk actions.
+ * @param {Array} props.selectedWorkspaces - Selected workspace list for delete.
+ * @param {Function} props.onAssignTeam - Function to open team assignment modal open.
+ * @param {Function} props.onAssignDesign - Function to open design assignment modal open.
+ * @param {Array} props.latestActivity - List of latest activity.
+ * @param {Function} props.onFlip - Click event to trigger when card flip.
+ * @param {Function} props.onFlipBack - Click event to trigger when card flip back.
+ * @param {Boolean} props.loadingEvents - Loading state of the events.
+ * @param {Number} props.teamsOfWorkspaceCount - Count of teams assigned to the workspace.
+ * @param {Number} props.environmentsOfWorkspaceCount - Count of environments assigned to the workspace.
+ * @param {Number} props.designAndViewOfWorkspaceCount - Count of designs/views assigned to the workspace.
+ * @param {Boolean} props.isEnvironmentAllowed - Flag to check if environment assignment is allowed.
+ * @param {Boolean} props.isTeamAllowed - Flag to check if team assignment is allowed.
+ * @param {Boolean} props.isDesignAndViewAllowed - Flag to check if design assignment is allowed.
+ * @param {Boolean} props.isDeleteWorkspaceAllowed - Flag to check if workspace deletion is allowed.
+ * @param {Boolean} props.isEditWorkspaceAllowed - Flag to check if workspace edit is allowed.
+ * @returns {React.ReactElement} The Workspace card component.
+ *
+ */
+declare const WorkspaceCard: ({ workspaceDetails, onDelete, onEdit, onSelect, selectedWorkspaces, onAssignTeam, onAssignEnvironment, onAssignDesign, recentActivities, onFlip, onFlipBack, loadingEvents, teamsOfWorkspaceCount, environmentsOfWorkspaceCount, designAndViewOfWorkspaceCount, isEnvironmentAllowed, isTeamAllowed, isDesignAllowed, isViewAllowed, isDeleteWorkspaceAllowed, isEditWorkspaceAllowed, isViewsVisible, isDesignsVisible, isEnvironmentsVisible, isTeamsVisible }: WorkspaceCardProps) => react_jsx_runtime.JSX.Element;
+
+interface TeamsTableProps {
+    workspaceId: string;
+    workspaceName: string;
+    useGetTeamsOfWorkspaceQuery: any;
+    useUnassignTeamFromWorkspaceMutation: any;
+    useAssignTeamToWorkspaceMutation: any;
+    isEditTeamAllowed: boolean;
+    isAssignTeamAllowed: boolean;
+    isRemoveTeamFromWorkspaceAllowed: boolean;
+    isDeleteTeamAllowed: boolean;
+    isLeaveTeamAllowed: boolean;
+    org_id: string;
+    fetchTeamUsers: any;
+    useGetUsersForOrgQuery: any;
+    useNotificationHandlers: any;
+    useRemoveUserFromTeamMutation: any;
+}
+declare const TeamsTable: React.FC<TeamsTableProps>;
+
+interface ViewsTableProps {
+    workspaceId: string;
+    workspaceName: string;
+    useGetViewsOfWorkspaceQuery: any;
+    useUnassignViewFromWorkspaceMutation: any;
+    useAssignViewToWorkspaceMutation: any;
+    isRemoveAllowed: boolean;
+    isAssignAllowed: boolean;
+    handleShowDetails: (viewId: string, viewName: string, filterType: string) => void;
+}
+declare const WorkspaceViewsTable: React__default.FC<ViewsTableProps>;
+
+interface useDesignAssignmentProps {
+    workspaceId: string;
+    useGetDesignsOfWorkspaceQuery: any;
+    useAssignDesignToWorkspaceMutation: any;
+    useUnassignDesignFromWorkspaceMutation: any;
+    isDesignsVisible?: boolean;
+}
+declare const useDesignAssignment: ({ workspaceId, useGetDesignsOfWorkspaceQuery, useAssignDesignToWorkspaceMutation, useUnassignDesignFromWorkspaceMutation, isDesignsVisible }: useDesignAssignmentProps) => AssignmentHookResult<Pattern>;
+
+interface UseEnvironmentAssignmentProps {
+    workspaceId: string;
+    useGetEnvironmentsOfWorkspaceQuery: any;
+    useAssignEnvironmentToWorkspaceMutation: any;
+    useUnassignEnvironmentFromWorkspaceMutation: any;
+    isEnvironmentsVisible?: boolean;
+}
+declare const useEnvironmentAssignment: ({ workspaceId, useGetEnvironmentsOfWorkspaceQuery, useAssignEnvironmentToWorkspaceMutation, useUnassignEnvironmentFromWorkspaceMutation, isEnvironmentsVisible }: UseEnvironmentAssignmentProps) => AssignmentHookResult<Environment>;
+
+interface UseTeamAssignmentProps {
+    workspaceId: string;
+    useGetTeamsOfWorkspaceQuery: any;
+    useAssignTeamToWorkspaceMutation: any;
+    useUnassignTeamFromWorkspaceMutation: any;
+    isTeamsVisible?: boolean;
+}
+declare const useTeamAssignment: ({ workspaceId, useGetTeamsOfWorkspaceQuery, useAssignTeamToWorkspaceMutation, useUnassignTeamFromWorkspaceMutation, isTeamsVisible }: UseTeamAssignmentProps) => AssignmentHookResult<Team$1>;
+
+interface useViewAssignmentProps {
+    workspaceId: string;
+    useGetViewsOfWorkspaceQuery: any;
+    useAssignViewToWorkspaceMutation: any;
+    useUnassignViewFromWorkspaceMutation: any;
+    isViewsVisible: boolean;
+}
+declare const useViewAssignment: ({ workspaceId, useGetViewsOfWorkspaceQuery, useAssignViewToWorkspaceMutation, useUnassignViewFromWorkspaceMutation, isViewsVisible }: useViewAssignmentProps) => AssignmentHookResult<Pattern>;
+
+interface ExtendedEditIconProps {
+    onClick: () => void;
+    disabled?: boolean;
+    bulk?: boolean;
+    style?: React.CSSProperties;
+    title?: string;
+}
+declare const L5DeleteIcon: ({ onClick, bulk, disabled, style, key, title }: {
+    onClick: () => void;
+    bulk?: boolean | undefined;
+    disabled?: boolean | undefined;
+    style?: React$1.CSSProperties | undefined;
+    key?: string | undefined;
+    title?: string | undefined;
+}) => react_jsx_runtime.JSX.Element;
+declare const L5EditIcon: ({ onClick, disabled, bulk, style, title }: ExtendedEditIconProps) => react_jsx_runtime.JSX.Element;
+
+interface Key {
+    subject: string;
+    action: string;
+}
+type InvertAction = 'disable' | 'hide';
+type MissingPermissionReason = {
+    type: 'MISSING_PERMISSION';
+    data: {
+        keyId: string;
+    };
+};
+type MissingCapabilityReason = {
+    type: 'MISSING_CAPABILITY';
+    data: {
+        capabilityId: string;
+    };
+};
+type ReasonEvent = MissingPermissionReason | MissingCapabilityReason;
+interface HasKeyProps<ReasonEvent> {
+    Key?: Key;
+    predicate?: (capabilitiesRegistry: unknown) => [boolean, ReasonEvent];
+    children: React__default.ReactNode;
+    notifyOnclick?: boolean;
+    invert_action?: InvertAction[];
+}
+declare const createCanShow: (getCapabilitiesRegistry: (() => void) | undefined, CAN: (action: string, subject: string) => boolean, eventBus: () => EventBus<ReasonEvent>) => ({ Key, children, notifyOnclick, predicate, invert_action }: HasKeyProps<ReasonEvent>) => string | number | true | Iterable<React__default.ReactNode> | react_jsx_runtime.JSX.Element | null;
+
+declare const AddIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+declare const AddIconCircleBordered: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+declare const ApplicationIcon: FC<IconProps$1>;
+
+type KeppelApplicationIconProps$1 = {
+    primaryFill: string;
+    secondaryFill: string;
+} & IconProps$1;
+declare const KeppelApplicationIcon: FC<KeppelApplicationIconProps$1>;
+
+declare const OutlinedApplicationIcon: FC<IconProps$1>;
+
+declare const BellIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const BusIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+type CatalogIconProps = {
+    primaryFill?: string;
+    secondaryFill?: string;
+    tertiaryFill?: string;
+} & IconProps$1;
+declare const CatalogIcon: FC<CatalogIconProps>;
+
+declare const OutlinedDoubleChevronIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const CircleIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+declare const OutlinedCircleIcon: ({ width, height, fill, stroke, strokeWidth, ...props }: IconProps$1) => JSX.Element;
+
+declare const CloneIcon: FC<IconProps$1>;
+
+declare const CloseIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+declare const CloudSavedIcon: FC<IconProps$1>;
+
+interface CollapsAllIconProps {
+    height?: string;
+    width?: string;
+    fill?: string;
+    strokeWidth?: string;
+    style?: React__default.CSSProperties;
+}
+declare const CollapsAllIcon: React__default.FC<CollapsAllIconProps>;
+
+declare const ColumnIcon: React__default.FC<SVGProps<SVGSVGElement>>;
+
+declare const ComponentIcon: FC<IconProps$1>;
+
+declare const ConfigurationIcon: FC<IconProps$1>;
+
+declare function ContentFilterIcon({ width, height, ...props }: IconProps$1): JSX.Element;
+
+interface CopyIconProps {
+    width: number;
+    height: number;
+    fill?: string;
+    style?: React__default.CSSProperties;
+    secondaryFill?: string;
+}
+declare const CopyIcon: React__default.FC<CopyIconProps>;
+
+declare const CopyLinkIcon: FC<IconProps$1>;
+
+declare const CreateNewIcon: FC<IconProps$1>;
+
+declare const CredentialIcon: FC<IconProps$1>;
+
+declare function CrossCircleIcon({ width, height, fill, ...props }: IconProps$1): JSX.Element;
+
+declare const DashboardIcon: FC<IconProps$1>;
+
+declare const OutlinedDataObjectIcon: FC<IconProps$1>;
+
+declare const DeleteIcon: ({ width, height, fill, style, ...props }: IconProps$1) => JSX.Element;
+
+declare const OutlinedDeployIcon: FC<IconProps$1>;
+
+declare const DesignerBottomRightIcon: FC<IconProps$1>;
+
+declare const DetailsIcon: FC<IconProps$1>;
+
+declare const DropDownIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare function ErrorIcon({ width, height, fill, ...props }: IconProps$1): JSX.Element;
+
+interface ExpandAllIconProps {
+    height?: string;
+    width?: string;
+    fill?: string;
+    strokeWidth?: string;
+    style?: React__default.CSSProperties;
+}
+declare const ExpandAllIcon: React__default.FC<ExpandAllIconProps>;
+
+declare const FavoriteIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const FilterIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const FullScreenExitIcon: FC<IconProps$1>;
+
+declare const FullScreenIcon: FC<IconProps$1>;
+
+declare const OutlinedHierarchicalIcon: FC<IconProps$1>;
+
+declare function InfoCircleIcon({ width, height, fill, ...props }: IconProps$1): JSX.Element;
+
+declare function InfoIcon({ width, height, fill, ...props }: IconProps$1): JSX.Element;
+
+declare const InsertChartIcon: FC<IconProps$1>;
+
+type KeppelRectangleIconProps = {
+    primaryFill: string;
+} & IconProps$1;
+declare const KeppelRectangleIcon: FC<KeppelRectangleIconProps>;
+
+declare const OutlinedRectangleIcon: FC<IconProps$1>;
+
+declare const RectangleIcon: FC<IconProps$1>;
+
+type KeppelTallRoundedRectangleIconProps = {
+    primaryFill: string;
+} & IconProps$1;
+declare const KeppelTallRoundedRectangleIcon: FC<KeppelTallRoundedRectangleIconProps>;
+
+declare const OutlinedTallRoundedRectangleIcon: FC<IconProps$1>;
+
+declare const RoundedRectangleShapeIcon: FC<IconProps$1>;
+
+declare const RoundTriangleShapeIcon: FC<IconProps$1>;
+
+declare const TallRoundedRectangleIcon: FC<IconProps$1>;
+
+declare const OutlinedMeshIcon: FC<IconProps$1>;
+
+declare const CalenderIcon: FC<IconProps$1>;
+
+declare const CaretDownIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+interface ChainIconProps {
+    width: string;
+    height: string;
+    fill?: string;
+    style?: React__default.CSSProperties;
+    secondaryFill?: string;
+}
+declare const ChainIcon: React__default.FC<ChainIconProps>;
+
+interface ChallengesIconProps {
+    width?: string;
+    height?: string;
+    primaryFill?: string;
+    brandFill?: string;
+    secondaryFill?: string;
+    style?: React__default.CSSProperties;
+}
+declare const ChallengesIcon: React__default.FC<ChallengesIconProps>;
+
+declare const CheckCircleIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const ChevronLeft: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+declare const CommunityClassIcon: FC<CustomIconProps>;
+
+declare const OfficialClassIcon: FC<IconProps$1>;
+
+declare const VerificationClassIcon: FC<IconProps$1>;
+
+declare const DatabaseIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+declare const DeploymentsIcon: FC<IconProps$1>;
+
+declare const DesignIcon: FC<CustomIconProps>;
+
+declare const DocumentIcon: ({ width, height, style, fill, secondaryFill, ...props }: {
+    children?: undefined;
+    color?: string | undefined;
+    title?: string | undefined;
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    fill?: string | undefined;
+} & React$1.SVGProps<SVGSVGElement> & {
+    secondaryFill?: string | undefined;
+}) => JSX.Element;
+
+declare const DoneAllIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const DoneIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const DownloadIcon: FC<IconProps$1>;
+
+declare const DragIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const EditIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+interface EmptyStyleIconProps {
+    width?: string;
+    height?: string;
+    fill?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+declare const EmptyStyleIcon: FC<EmptyStyleIconProps>;
+
+declare const EnvironmentIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const ExternalLinkIcon: FC<IconProps$1>;
+
+type KeppelApplicationIconProps = {
+    primaryFill?: string;
+    secondaryFill?: string;
+} & IconProps$1;
+declare const FeedbackIcon: FC<KeppelApplicationIconProps>;
+
+declare const FileIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+declare const GetStartedIcon: FC<IconProps$1>;
+
+interface GithubIconProps {
+    height?: string | number;
+    width?: string | number;
+    className?: string;
+}
+declare function GithubIcon({ height, width, className }: GithubIconProps): react_jsx_runtime.JSX.Element;
+
+interface GoogleIconProps {
+    height: number;
+    width: number;
+    style?: React__default.CSSProperties;
+}
+declare const GoogleIcon: React__default.FC<GoogleIconProps>;
+
+interface GridViewIconProps {
+    width?: string;
+    height?: string;
+    fill?: string;
+    opacity?: number;
+    style?: React__default.CSSProperties;
+}
+declare const GridViewIcon: React__default.FC<GridViewIconProps>;
+
+declare const HelpOutlinedIcon: FC<IconProps$1>;
+
+declare const IdeaIcon: FC<IconProps$1>;
+
+interface InfoOutlinedIconProps {
+    height?: number;
+    width?: number;
+    fill?: string;
+    style?: CSSProperties;
+    className?: string;
+}
+declare const InfoOutlinedIcon: FC<InfoOutlinedIconProps>;
+
+declare const InviteUserIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+interface KanvasIconProps {
+    width: number;
+    height: number;
+    fill?: string;
+    style?: React__default.CSSProperties;
+    primaryFill?: string;
+    secondaryFill?: string;
+}
+declare const KanvasIcon: React__default.FC<KanvasIconProps>;
+
+declare const KubernetesIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+interface LearningIconProps {
+    width?: string;
+    height?: string;
+    primaryFill?: string;
+    secondaryFill?: string;
+    style?: React__default.CSSProperties;
+}
+declare const LearningIcon: React__default.FC<LearningIconProps>;
+
+declare const LeftAngledArrowIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+declare const LeftArrowIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const LockIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+interface LogoutIconProps {
+    width?: number;
+    height?: number;
+    fill?: string;
+    style?: React__default.CSSProperties;
+    secondaryFill?: string;
+}
+declare const LogoutIcon: React__default.FC<LogoutIconProps>;
+
+declare const MendeleyIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+declare const MenuIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+declare const MesheryFilterIcon: FC<CustomIconProps>;
+
+declare const MesheryOperator: FC<IconProps$1>;
+
+declare const OpenIcon: FC<IconProps$1>;
+
+declare const OpenInNewIcon: FC<IconProps$1>;
+
+interface OrgIconProps {
+    width?: number;
+    height?: number;
+    fill?: string;
+    secondaryFill?: string;
+}
+declare const OrgIcon: React__default.FC<OrgIconProps>;
+
+declare const PanToolIcon: FC<IconProps$1>;
+
+declare const OutlinedPatternIcon: FC<IconProps$1>;
+
+declare const OutlinedPatternSwitchIcon: FC<IconProps$1>;
+
+declare const PersonIcon: FC<IconProps$1>;
+
+declare const OutlinedPodIcon: FC<IconProps$1>;
+
+declare const PollIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+declare const PublicIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+declare const PublishIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const QuestionIcon: FC<IconProps$1>;
+
+declare function ReadIcon({ width, height, fill, ...props }: IconProps$1): JSX.Element;
+
+declare const OutlinedRedoIcon: FC<IconProps$1>;
+
+declare const RemoveDoneIcon: FC<IconProps$1>;
+
+declare const RemoveIcon: FC<IconProps$1>;
+
+declare const OutlinedResetIcon: FC<IconProps$1>;
+
+declare const RightArrowIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const OutlinedRingIcon: FC<IconProps$1>;
+
+declare const SMPIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const OutlinedCloudSavingIcon: FC<IconProps$1>;
+
+declare const SaveAsIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const OutlinedScreenshotIcon: FC<IconProps$1>;
+
+declare const SearchIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const OutlinedSettingsIcon: FC<IconProps$1>;
+
+declare const ShareIcon: FC<IconProps$1>;
+
+interface ShareLineIconProps {
+    width: string;
+    height: string;
+    fill?: string;
+    style?: React__default.CSSProperties;
+    secondaryFill?: string;
+}
+declare const ShareLineIcon: React__default.FC<ShareLineIconProps>;
+
+interface IconProps {
+    width?: number;
+    height?: number;
+    fill?: string;
+    style?: React.CSSProperties;
+}
+
+declare const FacebookIcon: React__default.FC<IconProps>;
+
+declare const LinkedinIcon: React__default.FC<IconProps>;
+
+declare const TwitterIcon: React__default.FC<IconProps>;
+
+declare const OutlinedStarIcon: FC<IconProps$1>;
+
+declare const SuccessIcon: FC<IconProps$1>;
+
+interface TableViewIconProps {
+    width?: string;
+    height?: string;
+    fill?: string;
+    opacity?: number;
+    style?: React__default.CSSProperties;
+}
+declare const TableViewIcon: React__default.FC<TableViewIconProps>;
+
+declare const TachographDigitalIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+declare const TachometerIcon: ({ width, height, fill, ...props }: IconProps$1) => JSX.Element;
+
+interface TeamsIconProps {
+    width: string | number;
+    height: string | number;
+    fill: string;
+    primaryFill?: string;
+    secondaryFill?: string;
+    style?: React__default.CSSProperties;
+}
+declare const TeamsIcon: React__default.FC<TeamsIconProps>;
+
+declare const TerminalIcon: FC<IconProps$1>;
+
+declare const ToolkitIcon: FC<IconProps$1>;
+
+declare const TouchAppIcon: FC<IconProps$1>;
+
+declare const TriangleIcon: FC<IconProps$1>;
+
+interface TrophyIconProps {
+    width?: string;
+    height?: string;
+    fill?: string;
+    style?: React__default.CSSProperties;
+}
+declare const TrophyIcon: React__default.FC<TrophyIconProps>;
+
+declare const OutlinedUndeployIcon: FC<IconProps$1>;
+
+declare const OutlinedUndoIcon: FC<IconProps$1>;
+
+declare const OutlinedValidateIcon: FC<IconProps$1>;
+
+declare const ViewsIcon: FC<IconProps$1>;
+
+declare const OutlinedVisibilityOffIcon: FC<IconProps$1>;
+
+declare const OutlinedVisibilityOnIcon: FC<IconProps$1>;
+
+declare const OutlinedVisualizerSwitcherIcon: FC<IconProps$1>;
+
+declare const WarningIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
+
+declare const WorkspaceIcon: ({ width, height, secondaryFill, opacity, ...props }: CustomIconProps) => JSX.Element;
+
+declare const REHYDRATE_STATE_ACTION = "REHYDRATE_STATE_ACTION";
+interface RehydrateStateAction {
+    type: typeof REHYDRATE_STATE_ACTION;
+    payload: {
+        reducerPath: string;
+        inflatedState: unknown;
+    };
+}
+type Action = RehydrateStateAction | {
+    type: string;
+    [key: string]: unknown;
+};
+interface ActionsToPersist {
+    [actionType: string]: string[];
+}
+declare const initReduxPersist: (actionsToPersist: ActionsToPersist) => {
+    persistMiddleware: (store: Store$1) => (next: (action: Action) => unknown) => (action: Action) => unknown;
+    createPersistEnhancedReducer: (reducer: (state: unknown, action: Action) => unknown) => (state: unknown, action: Action) => unknown;
+    loadPersistedState: () => (dispatch: Dispatch$1<RehydrateStateAction>) => void;
+};
+
+interface PersistedStateProviderProps {
+    children: ReactNode;
+    loadPersistedState: () => (dispatch: Dispatch$1<RehydrateStateAction>) => void;
+}
+declare const PersistedStateProvider: FC<PersistedStateProviderProps>;
+
+/**
+ * Represents the JSON Schema for the Help and Support modal form.
+ * This schema is designed to capture information for support request.
+ *
+ * Playground link -
+ */
+declare const helpAndSupportModalSchema: {
+    title: string;
+    properties: {
+        subject: {
+            type: string;
+            title: string;
+            description: string;
+            minLength: number;
+            'x-rjsf-grid-area': string;
+        };
+        message: {
+            type: string;
+            title: string;
+            description: string;
+            minLength: number;
+            format: string;
+            'x-rjsf-grid-area': string;
+        };
+        scope: {
+            type: string;
+            enum: string[];
+            title: string;
+            description: string;
+            default: string;
+        };
+    };
+    required: string[];
+};
+
+/**
+ * Represents UI schema for help and support modal
+ */
+declare const helpAndSupportModalUiSchema: {
+    subject: {
+        'ui:placeholder': string;
+    };
+    message: {
+        'ui:placeholder': string;
+    };
+    scope: {
+        'ui:widget': string;
+    };
+};
+
+declare const createAndEditEnvironmentSchema: {
+    title: string;
+    properties: {
+        description: {
+            description: string;
+            format: string;
+            title: string;
+            type: string;
+            'x-rjsf-grid-area': string;
+        };
+        name: {
+            description: string;
+            title: string;
+            type: string;
+            'x-rjsf-grid-area': string;
+        };
+        organization: {
+            type: string;
+            title: string;
+            description: string;
+            enum: never[];
+            enumNames: never[];
+            'x-rjsf-grid-area': string;
+        };
+    };
+    type: string;
+};
+
+declare const createAndEditEnvironmentUiSchema: {
+    organization: {
+        'ui:disabled': boolean;
+    };
+    'ui:order': string[];
+};
+
+/**
+ * Schema for create or edit workspace modals
+ */
+declare const createAndEditWorkspace: {
+    properties: {
+        description: {
+            description: string;
+            format: string;
+            title: string;
+            type: string;
+            'x-rjsf-grid-area': string;
+        };
+        name: {
+            description: string;
+            title: string;
+            type: string;
+            'x-rjsf-grid-area': string;
+        };
+        organization: {
+            type: string;
+            description: string;
+            title: string;
+            enum: never[];
+            enumNames: never[];
+            'x-rjsf-grid-area': string;
+        };
+    };
+    type: string;
+    required: string[];
+};
+
+declare const createAndEditWorkspaceUiSchema: {
+    organization: {
+        'ui:disabled': boolean;
+        'ui:widget': string;
+    };
+    'ui:order': string[];
+};
+
+/**
+ * Schema for configuring Helm repository connections. This schema is designed for use in a wizard or form
+ * where users can provide information about connecting to a Helm repository for initiating connection.
+ */
+declare const helmConnectionSchema: {
+    type: string;
+    properties: {
+        name: {
+            type: string;
+            title: string;
+            minLength: number;
+            description: string;
+            'x-rjsf-grid-area': string;
+        };
+        description: {
+            type: string;
+            title: string;
+            format: string;
+            description: string;
+            'x-rjsf-grid-area': string;
+        };
+        url: {
+            type: string;
+            title: string;
+            format: string;
+            description: string;
+            'x-rjsf-grid-area': string;
+        };
+    };
+    required: string[];
+};
+
+declare const helmConnectionUiSchema: {
+    'ui:order': string[];
+};
+
+declare const importDesignSchema: {
+    type: string;
+    properties: {
+        name: {
+            type: string;
+            title: string;
+            default: string;
+            'x-rjsf-grid-area': string;
+            description: string;
+        };
+        uploadType: {
+            title: string;
+            enum: string[];
+            default: string;
+            'x-rjsf-grid-area': string;
+            description: string;
+        };
+    };
+    allOf: ({
+        if: {
+            properties: {
+                uploadType: {
+                    const: string;
+                };
+            };
+        };
+        then: {
+            properties: {
+                file: {
+                    type: string;
+                    format: string;
+                    description: string;
+                    'x-rjsf-grid-area': string;
+                };
+                url?: undefined;
+            };
+            required: string[];
+        };
+    } | {
+        if: {
+            properties: {
+                uploadType: {
+                    const: string;
+                };
+            };
+        };
+        then: {
+            properties: {
+                url: {
+                    type: string;
+                    format: string;
+                    title: string;
+                    description: string;
+                    'x-rjsf-grid-area': string;
+                };
+                file?: undefined;
+            };
+            required: string[];
+        };
+    })[];
+    required: string[];
+};
+
+declare const importDesignUiSchema: {
+    uploadType: {
+        'ui:widget': string;
+    };
+    'ui:order': string[];
+};
+
+declare const importFilterSchema: {
+    type: string;
+    properties: {
+        name: {
+            type: string;
+            title: string;
+            description: string;
+            default: string;
+            'x-rjsf-grid-area': string;
+        };
+        config: {
+            type: string;
+            title: string;
+            format: string;
+            description: string;
+            default: string;
+            'x-rjsf-grid-area': string;
+        };
+        uploadType: {
+            title: string;
+            enum: string[];
+            default: string;
+            'x-rjsf-grid-area': string;
+        };
+    };
+    allOf: ({
+        if: {
+            properties: {
+                uploadType: {
+                    const: string;
+                };
+            };
+        };
+        then: {
+            title: string;
+            properties: {
+                file: {
+                    type: string;
+                    format: string;
+                    description: string;
+                    'x-rjsf-grid-area': string;
+                };
+                url?: undefined;
+            };
+            required: string[];
+        };
+    } | {
+        if: {
+            properties: {
+                uploadType: {
+                    const: string;
+                };
+            };
+        };
+        then: {
+            title: string;
+            properties: {
+                url: {
+                    type: string;
+                    title: string;
+                    format: string;
+                    description: string;
+                    'x-rjsf-grid-area': string;
+                };
+                file?: undefined;
+            };
+            required: string[];
+        };
+    })[];
+};
+
+declare const importFilterUiSchema: {
+    'ui:order': string[];
+};
+
+/**
+ * Schema for publish catalog item modal;
+ * Can be use for publishing filters and designs
+ */
+declare const publishCatalogItemSchema: {
+    type: string;
+    properties: {
+        compatibility: {
+            type: string;
+            title: string;
+            items: {
+                enum: string[];
+                type: string;
+            };
+            uniqueItems: boolean;
+            minItems: number;
+            description: string;
+            'x-rjsf-grid-area': number;
+        };
+        pattern_caveats: {
+            type: string;
+            title: string;
+            description: string;
+            format: string;
+            'x-rjsf-grid-area': number;
+            'x-encode-in-uri': boolean;
+        };
+        pattern_info: {
+            type: string;
+            title: string;
+            description: string;
+            format: string;
+            'x-rjsf-grid-area': number;
+            'x-encode-in-uri': boolean;
+        };
+        type: {
+            type: string;
+            title: string;
+            enum: string[];
+            default: string;
+            description: string;
+            'x-rjsf-grid-area': number;
+        };
+    };
+    required: string[];
+};
+
+declare const publishCatalogItemUiSchema: {
+    'ui:order': string[];
+};
+
+/**
+ * Schema for creating grafana credential;
+ */
+declare const kubernetesCredentialSchema: {
+    type: string;
+    title: string;
+    properties: {
+        credentialName: {
+            title: string;
+            type: string;
+            description: string;
+        };
+        secret: {
+            type: string;
+            title: string;
+            description: string;
+            properties: {
+                clusterName: {
+                    type: string;
+                    title: string;
+                    description: string;
+                };
+                clusterServerURL: {
+                    type: string;
+                    title: string;
+                    description: string;
+                };
+                auth: {
+                    type: string;
+                    title: string;
+                    description: string;
+                    properties: {
+                        clusterUserName: {
+                            type: string;
+                            title: string;
+                            description: string;
+                        };
+                        clusterToken: {
+                            type: string;
+                            title: string;
+                            description: string;
+                        };
+                        clusterClientCertificateData: {
+                            type: string;
+                            title: string;
+                            description: string;
+                        };
+                        clusterClientKeyData: {
+                            type: string;
+                            title: string;
+                            description: string;
+                        };
+                        clusterCertificateAuthorityData: {
+                            type: string;
+                            title: string;
+                            description: string;
+                        };
+                    };
+                    required: string[];
+                };
+            };
+            required: string[];
+        };
+    };
+    required: string[];
+};
+
+declare const kubernetesCredentialUiSchema: {};
+
+/**
+ * Schema for creating prometheus credential;
+ */
+declare const prometheusCredentialSchema: {
+    type: string;
+    title: string;
+    properties: {
+        credentialName: {
+            title: string;
+            type: string;
+            description: string;
+        };
+        secret: {
+            type: string;
+            title: string;
+            description: string;
+            properties: {
+                prometheusURL: {
+                    type: string;
+                    title: string;
+                    description: string;
+                };
+            };
+            required: string[];
+        };
+    };
+    required: string[];
+};
+
+declare const prometheusCredentialUiSchema: {};
+
+/**
+ * Schema for creating grafana credential;
+ */
+declare const grafanaCredentialSchema: {
+    type: string;
+    title: string;
+    properties: {
+        credentialName: {
+            title: string;
+            type: string;
+            description: string;
+        };
+        secret: {
+            type: string;
+            title: string;
+            description: string;
+            properties: {
+                grafanaURL: {
+                    type: string;
+                    title: string;
+                    description: string;
+                };
+                grafanaAPIKey: {
+                    type: string;
+                    title: string;
+                    description: string;
+                };
+            };
+            required: string[];
+        };
+    };
+    required: string[];
+};
+
+declare const grafanaCredentialUiSchema: {};
+
+declare module '@mui/material/styles' {
+    interface Interactiveness {
+        default: string;
+        hover: string;
+        disabled?: string;
+        pressed: string;
+        secondary: string;
+        tertiary: string;
+    }
+    interface TypeBackground {
+        secondary?: string;
+        supplementary?: string;
+        graphics?: {
+            default: string;
+        };
+        tabs?: string;
+        elevatedComponents?: string;
+        card?: string;
+        tertiary?: string;
+        hover?: string;
+        blur?: {
+            heavy: string;
+            light: string;
+        };
+        neutral?: {
+            default: string;
+            hover: string;
+            pressed: string;
+        };
+        constant?: {
+            disabled: string;
+            white: string;
+            table: string;
+        };
+        inverse?: string;
+        brand?: Interactiveness;
+        cta?: Interactiveness;
+        info?: Interactiveness;
+        success?: Interactiveness;
+        warning?: Interactiveness;
+        error?: Interactiveness;
+        code?: string;
+        surfaces?: string;
+    }
+    interface TypeText {
+        default?: string;
+        secondary: string;
+        tertiary?: string;
+        disabled: string;
+        inverse?: string;
+        brand?: string;
+        info?: string;
+        success?: string;
+        warning?: string;
+        error?: string;
+        neutral?: {
+            default: string;
+            alt: string;
+        };
+        constant?: {
+            white: string;
+            disabled: string;
+        };
+    }
+    interface PaletteColor {
+        secondary?: string;
+        supplementary?: string;
+        blur?: {
+            heavy: string;
+            light: string;
+        };
+        neutral?: {
+            default: string;
+            hover: string;
+            pressed: string;
+            alt: string;
+        };
+        constant?: {
+            white: string;
+            disabled: string;
+            table: string;
+        };
+        inverse?: string;
+        brand?: Interactiveness;
+        cta?: Interactiveness;
+        info?: Interactiveness;
+        success?: Interactiveness;
+        warning?: Interactiveness;
+        error?: Interactiveness;
+        code?: string;
+        strong?: string;
+        normal?: string;
+        disabled?: string;
+        surfaces?: string;
+    }
+    interface SimplePaletteColorOptions {
+        secondary?: string;
+        supplementary?: string;
+        blur?: {
+            heavy: string;
+            light: string;
+        };
+        neutral?: {
+            default: string;
+            hover: string;
+            pressed: string;
+            alt: string;
+        };
+        constant?: {
+            white: string;
+            disabled: string;
+            table: string;
+        };
+        inverse?: string;
+        brand?: Interactiveness;
+        cta?: Interactiveness;
+        info?: Interactiveness;
+        success?: Interactiveness;
+        warning?: Interactiveness;
+        error?: Interactiveness;
+        code?: string;
+        strong?: string;
+        normal?: string;
+        disabled?: string;
+        surfaces?: string;
+    }
+    interface Palette {
+        border: {
+            default: string;
+            strong: string;
+            brand: string;
+            normal: string;
+            neutral?: {
+                default: string;
+                alt: string;
+            };
+        };
+        icon: {
+            default: string;
+            secondary: string;
+            brand: string;
+            inverse: string;
+            weather: string;
+            disabled: string;
+            neutral?: {
+                default: string;
+                alt: string;
+            };
+        };
+    }
+    interface PaletteOptions {
+        border: {
+            default: string;
+            strong: string;
+            brand: string;
+            normal: string;
+            neutral?: {
+                default: string;
+                alt: string;
+            };
+        };
+        icon: {
+            default: string;
+            secondary: string;
+            brand: string;
+            inverse: string;
+            weather: string;
+            disabled: string;
+            neutral?: {
+                default: string;
+                alt: string;
+            };
+        };
+    }
+}
+declare const lightModePalette: PaletteOptions;
+declare const darkModePalette: PaletteOptions;
+
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        textH1Bold: React.CSSProperties;
+        textH2Medium: React.CSSProperties;
+        textH3Medium: React.CSSProperties;
+        textB1Regular: React.CSSProperties;
+        textB2SemiBold: React.CSSProperties;
+        textB3Regular: React.CSSProperties;
+        textL1Bold: React.CSSProperties;
+        textL2Regular: React.CSSProperties;
+        textC1Regular: React.CSSProperties;
+        textC2Regular: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        textH1Bold?: React.CSSProperties;
+        textH2Medium?: React.CSSProperties;
+        textH3Medium?: React.CSSProperties;
+        textB1Regular?: React.CSSProperties;
+        textB2SemiBold?: React.CSSProperties;
+        textB3Regular?: React.CSSProperties;
+        textL1Bold?: React.CSSProperties;
+        textL2Regular?: React.CSSProperties;
+        textC1Regular?: React.CSSProperties;
+        textC2Regular?: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        textH1Bold: true;
+        textH2Medium: true;
+        textH3Medium: true;
+        textB1Regular: true;
+        textB2SemiBold: true;
+        textB3Regular: true;
+        textL1Bold: true;
+        textL2Regular: true;
+        textC1Regular: true;
+        textC2Regular: true;
+    }
+}
+declare const typography: (mode: PaletteMode) => TypographyOptions;
+
+interface SistentThemeProviderProps {
+    children: React__default.ReactNode;
+    emotionCache?: EmotionCache;
+    initialMode?: PaletteMode;
+    customTheme?: Interactiveness;
+}
+declare function SistentThemeProvider({ children, emotionCache, initialMode, customTheme }: SistentThemeProviderProps): JSX.Element;
+declare function SistentThemeProviderWithoutBaseLine({ children, emotionCache, initialMode }: SistentThemeProviderProps): JSX.Element;
+
+/**
+ * Define the base common colors to derive from
+ */
+declare const KEPPEL = "#00B39F";
+declare const CARIBBEAN_GREEN = "#00D3A9";
+declare const TEAL_BLUE = "#477E96";
+declare const CHARCOAL = "#3C494F";
+declare const BLACK = "#000000";
+declare const MIDNIGHT_BLACK = "#111111";
+declare const ALABASTER_WHITE = "#FAFAFA";
+declare const WHITE = "#FFFFFF";
+declare const ONYX_BLACK = "#1D1817";
+declare const SLATE_BLUE = "#3C494F";
+declare const TRANSPARENT_WHITE = "#ffffff66";
+declare const SILVER_GRAY = "#E6E6E6";
+declare const DARK_SHADE_GRAY = "#222222";
+declare const CHINESE_SILVER = "#CCCCCC";
+declare const SAFFRON = "#EBC017";
+declare const GRAY = "#696969";
+declare const GRAY97 = "#f7f7f7";
+declare const DARK_SLATE_GRAY = "#294957";
+declare const LIGHT_GRAY = "#d3d3d3";
+declare const ALICE_BLUE = "#EBEFF1";
+declare const LIMED_SPRUCE = "#3C494F";
+declare const WHITESMOKE = "#F5F5F5";
+declare const PRIMARY_COLOR = "#647881";
+declare const DARK_PRIMARY_COLOR = "#51636B";
+declare const CASPER = "#b1b6b8";
+declare const EERIE_BLACK = "#b1b6b8";
+declare const PATTERNS_BLUE = "#D9E0E2";
+declare const GREEN = "green";
+declare const DARK_TEAL = "#455a64";
+declare const LIGHT_TEAL = "#607d8b";
+declare const CULTURED = "#F6F8F8";
+declare const ANAKIWA = "#9EFFEC";
+declare const NOT_FOUND = "#666666";
+declare const YELLOW_SEA = "#F0A303";
+declare const DARK_BLUE_GRAY = "#263238";
+declare const common: {
+    black: string;
+    white: string;
+};
+declare const keppel: {
+    70: string;
+    60: string;
+    50: string;
+    40: string;
+    30: string;
+    20: string;
+    10: string;
+};
+declare const carribean: {
+    70: string;
+    60: string;
+    50: string;
+    40: string;
+    30: string;
+    20: string;
+    10: string;
+};
+declare const saffron: {
+    70: string;
+    60: string;
+    50: string;
+    40: string;
+    30: string;
+    20: string;
+    10: string;
+};
+/**
+ * Grayscale Colors
+ */
+declare const charcoal: {
+    110: string;
+    100: string;
+    90: string;
+    80: string;
+    70: string;
+    60: string;
+    50: string;
+    40: string;
+    30: string;
+    20: string;
+    10: string;
+};
+declare const gray: {
+    10: string;
+    20: string;
+    30: string;
+};
+declare const accentGrey: {
+    100: string;
+    90: string;
+    80: string;
+    70: string;
+    60: string;
+    50: string;
+    40: string;
+    30: string;
+    20: string;
+    10: string;
+};
+/**
+ * Function Colors
+ */
+declare const blue: {
+    70: string;
+    60: string;
+    50: string;
+    40: string;
+    30: string;
+    20: string;
+    10: string;
+};
+declare const green: {
+    70: string;
+    60: string;
+    50: string;
+    40: string;
+    30: string;
+    20: string;
+    10: string;
+};
+declare const yellow: {
+    70: string;
+    60: string;
+    50: string;
+    40: string;
+    30: string;
+    20: string;
+    10: string;
+};
+declare const red: {
+    70: string;
+    60: string;
+    50: string;
+    40: string;
+    30: string;
+    20: string;
+    10: string;
+};
+/**
+ * Use the colors below that provides the action that you want to use
+ */
+declare const primaryColor: {
+    main: string;
+    dark: string;
+};
+declare const patternsBlue: {
+    main: string;
+};
+declare const cultured: {
+    main: string;
+};
+declare const darkTeal: {
+    main: string;
+    dark: string;
+};
+declare const actionIcon: {
+    main: string;
+    hover: string;
+};
+declare const tabMenu: {
+    main: string;
+    hover: string;
+};
+declare const darkSlateGray: {
+    main: string;
+    dark: string;
+};
+declare const eerieBlack: {
+    main: string;
+    light: string;
+    lighter: string;
+};
+declare const casper: {
+    main: string;
+    light: string;
+    lighter: string;
+};
+declare const slateGray: {
+    main: string;
+    light: string;
+};
+declare const white: {
+    main: string;
+    light: string;
+    lighter: string;
+};
+declare const black: {
+    main: string;
+    light: string;
+    lighter: string;
+    dark: string;
+};
+declare const jungleGreen: {
+    main: string;
+    light: string;
+    lighter: string;
+};
+declare const buttonDisabled: {
+    main: string;
+};
+declare const tableBackgroundHover: {
+    main: string;
+};
+declare const redDelete: {
+    main: string;
+    light: string;
+};
+declare const buttonDelete: {
+    main: string;
+    hover: string;
+};
+/**
+ * Notification Colors
+ */
+declare const notificationColors: {
+    info: {
+        main: string;
+    };
+    error: {
+        main: string;
+        dark: string;
+    };
+    warning: {
+        main: string;
+        light: string;
+    };
+    success: {
+        main: string;
+    };
+};
+declare const CONNECTED = "#00B39F";
+declare const REGISTERED = "#477E96";
+declare const DISCOVERED: string;
+declare const IGNORED: string;
+declare const DELETED: string;
+declare const MAINTAINENCE: string;
+declare const DISCONNECTED: string;
+declare const connected: {
+    main: string;
+};
+declare const anakiwa: {
+    main: string;
+};
+/**
+ * Social media or equivalent icons colors
+ */
+declare const socialIcons: {
+    slack: string;
+    twitter: string;
+    github: string;
+    youtube: string;
+    docker: string;
+};
+
+declare const componentIcon: ({ kind, model, color }: {
+    kind: string;
+    model: string;
+    color: 'white' | 'color' | 'complete';
+}) => string | null;
+
+export { ALABASTER_WHITE, ALICE_BLUE, ANAKIWA, Accordion, AccordionActions, AccordionDetails, AccordionSummary, ActionButton, ActionButtonCard, ActionButtons, AddIconCircleBordered as AddCircleIcon, AddIcon, Alert, AppBar, ApplicationIcon, AssignmentModal, AuthorCell, Autocomplete, Avatar, AvatarGroup, _default$1 as BBChart, BLACK, Backdrop, Badge, BasicMarkdown, BellIcon, BookmarkNotification, Box, BusIcon, Button, ButtonGroup, CARIBBEAN_GREEN, CASPER, CHARCOAL, CHINESE_SILVER, CONNECTED, CULTURED, CalenderIcon, Card, CardActions, CardContent, CardHeader, CardMedia, CaretDownIcon, CatalogCard, CatalogCardDesignLogo, CatalogDesignsTable, CatalogFilter, type CatalogFilterProps, CatalogFilterSidebar, CatalogIcon, CaveatsSection, ChainIcon, ChallengesIcon, ChallengesSection, ChapterCard, CheckCircleIcon, Checkbox, ChevronLeft, Chip, CircleIcon, CircularProgress, ClickAwayListener, CloneIcon, CloseBtn, CloseIcon, CloudSavedIcon, CodeFormatter, type ColView, Collapse, CollapsAllIcon as CollapseAllIcon, CollapsibleSection, CollapsibleSectionFormatter, ColumnIcon, CommunityClassIcon, ComponentIcon, ConfigurationIcon, ConnectionChip, Container, ContainerFormatter, ContentFilterIcon, CopyIcon, CopyLinkIcon, CreateDesignModal, CreateNewIcon, CredentialIcon, CrossCircleIcon, CssBaseline, CustomCatalogCard, type CustomColumn, CustomColumnVisibilityControl, type CustomColumnVisibilityControlProps, CustomDialog, type CustomDialogProps$1 as CustomDialogProps, CustomImage, CustomTooltip, CustomizedStepper, DARK_BLUE_GRAY, DARK_PRIMARY_COLOR, DARK_SHADE_GRAY, DARK_SLATE_GRAY, DARK_TEAL, DATA_VALIDATOR_COMMANDS, DATA_VALIDATOR_EVENTS, DELETED, DISCONNECTED, DISCOVERED, DashboardIcon, DataTableEllipsisMenu, type DataType, DatabaseIcon, DeferEvents, DeleteIcon, DeploymentsIcon, DesignCard, DesignIcon, DesignTable, DesignerBottomRightIcon, DetailsIcon as DetailIcon, DetailsIcon, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, DocumentIcon, DoneAllIcon, DoneIcon, DownloadIcon, DragIcon, Drawer, DropDownIcon, EERIE_BLACK, EditIcon, EmptyState, EmptyStateCard, EmptyStyleIcon, EnvironmentIcon, EnvironmentTable, ErrorBoundary, ErrorIcon, EventBus, type EventBusEvent, type EventType, ExpandAllIcon, ExternalLinkIcon, Fab, FacebookIcon, Fade, Fallback, FavoriteIcon, FeedbackComponent as FeedbackButton, FeedbackIcon, FileIcon, FilterIcon, type FilterListType, FlipCard, type FlipCardProps, FormControl, FormControlLabel, FormGroup, FormLabel, FormatId, FullScreenIcon, FullScreenExitIcon as FullScreenIconExit, GRAY, GRAY97, GREEN, GetStartedIcon, GetStartedModal, GithubIcon, GoogleIcon, Grid, GridViewIcon, Grow, type HasKeyProps, HelpOutlinedIcon, Hidden, IGNORED, type IPopperListener, IconButton, IdeaIcon, InfoCircleIcon, InfoIcon, InfoOutlinedIcon as InfoOutlined, InfoTooltip, Input, InputAdornment, InputBase, InputLabel, InputSearchField, InsertChartIcon, type InvertAction, InviteUserIcon, JourneyModal, KEPPEL, KanvasIcon, KeppelApplicationIcon, KeppelRectangleIcon, KeppelTallRoundedRectangleIcon, type Key, KeyValueInRow, KubernetesIcon, L5DeleteIcon, L5EditIcon, LIGHT_GRAY, LIGHT_TEAL, LIMED_SPRUCE, LabelFormatter, LearningCard, LearningContent, LearningIcon, LearningSection, LeftAngledArrowIcon, LeftArrowIcon, LeftPanel, LinearProgress, Link, LinkedinIcon, List, ListFormatter, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader, LockIcon, LogoutIcon, MAINTAINENCE, MIDNIGHT_BLACK, MemoryUsage, MendeleyIcon, Menu, MenuIcon, MenuItem, MenuList, MesheryFilterIcon, MesheryOperator, MetricsDisplay, type MissingCapabilityReason, type MissingPermissionReason, Modal, ModalBody, ModalButtonDanger, ModalButtonPrimary, ModalButtonSecondary, ModalButtonTertiary, ModalCard, ModalFooter, ModalStyledHeader, NOT_FOUND, NativeSelect, NavigationNavbar, NoSsr, Note, NumberState, NumberStateFormatter, ONYX_BLACK, OfficialClassIcon, OpenIcon, OpenInNewIcon, OperatorDataFormatter, OperatorDynamicFormatter, OrgIcon, OutlinedApplicationIcon, OutlinedCircleIcon, OutlinedCloudSavingIcon, OutlinedDataObjectIcon, OutlinedDeployIcon, OutlinedDoubleChevronIcon, OutlinedHierarchicalIcon, OutlinedInput, OutlinedMeshIcon, OutlinedPatternIcon, OutlinedPatternSwitchIcon, OutlinedPodIcon, OutlinedRectangleIcon, OutlinedRedoIcon, OutlinedResetIcon, OutlinedRingIcon, OutlinedScreenshotIcon, OutlinedSettingsIcon, OutlinedStarIcon, OutlinedTallRoundedRectangleIcon, OutlinedUndeployIcon, OutlinedUndoIcon, OutlinedValidateIcon, OutlinedVisibilityOffIcon, OutlinedVisibilityOnIcon, OutlinedVisualizerSwitcherIcon, OverviewSection, PATTERNS_BLUE, PRIMARY_COLOR, PROMPT_VARIANTS, Pagination, PanToolIcon, Panel, Paper, PatternInfo, _default as PerformersSection, PerformersSectionButton, PersistedStateProvider, PersonIcon, PlainCard, PollIcon, Popover, Popper, PopperListener, PrimaryActionButtons, PromptComponent, PublicIcon, PublishIcon, QuestionIcon, REDUX_COMMANDS, REDUX_EVENTS, REEE, REGISTERED, type REXUX_ACTOR_EVENTS, RTK_EVENTS, Radio, RadioGroup, ReadIcon, type ReasonEvent, RectangleIcon, type RehydrateStateAction, RelatedDesigns, RemoveDoneIcon, RemoveIcon, RenderMarkdown, ResponsiveDataTable, type ResponsiveDataTableProps, RightArrowIcon, RightPanel, RoundedRectangleShapeIcon, RoundTriangleShapeIcon as RoundedTriangleShapeIcon, SAFFRON, SILVER_GRAY, SLATE_BLUE, SMPIcon, SaveAsIcon, SearchBar, type SearchBarProps$1 as SearchBarProps, SearchIcon, SecretFormatter, Select, SetupPreReq, ShareIcon, ShareLineIcon, ShareModal, SistentThemeProvider, SistentThemeProviderWithoutBaseLine, Skeleton, Slide, Slider, Snackbar, SocialSharePopper, SpeedDial, SpeedDialAction, Stack, StatusFormatter, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, StyledChapter, StyledChartDialog, StyledDialogActions, StyledDialogContent, StyledDialogTitle, StyledMarkdown, StyledSearchBar, SuccessIcon, SvgIcon, Switch, TEAL_BLUE, TOC, TOCLearning, TRANSPARENT_WHITE, Tab, Table, TableBody, TableCell, TableContainer, TableDataFormatter, TableHead, TableRow, TableSortLabel, TableViewIcon, TableVisibilityControl, Tabs, TachographDigitalIcon, TachometerIcon, TallRoundedRectangleIcon, TeamSearchField, TeamTable, TeamTableConfiguration, TeamsIcon, TechnologySection, Terminal, TerminalIcon, TextField, TextWithLinkFormatter, ToggleButton, ToggleButtonGroup, Toolbar, ToolkitIcon, Tooltip, TooltipIcon, TouchAppIcon, TransferList, type TransferListProps, TriangleIcon, TrophyIcon as TropyIcon, TwitterIcon, Typography, UniversalFilter, type UniversalFilterProps, UserInfo, UserInviteModal, UserSearchField, UserShareSearch, UserTableAvatarInfo, UsersTable, VerificationClassIcon, ViewsIcon as ViewIcon, ViewSwitch, VisibilityChipMenu, WHITE, WHITESMOKE, WarningIcon, WorkspaceActivityCard, WorkspaceCard, WorkspaceIcon, TeamsTable as WorkspaceTeamsTable, WorkspaceViewsTable, XSTATE_DEBUG_EVENT, YELLOW_SEA, Zoom, accentGrey, actionIcon, anakiwa, black, blue, buttonDelete, buttonDisabled, carribean, casper, charcoal, colViews$1 as colViews, colors, common, componentIcon, connected, convertToReadableUnit, createAndEditEnvironmentSchema, createAndEditEnvironmentUiSchema, createAndEditWorkspace as createAndEditWorkspaceSchema, createAndEditWorkspaceUiSchema, createCanShow, createDesignColumns, createDesignsColumnsConfig, cultured, darkModePalette, darkSlateGray, darkTeal, dataValidatorCommands, dataValidatorEvents, dataValidatorMachine, deadLetter, colViews as designColumnsColViews, eerieBlack, extractPodVolumnTables, forwardToActors, fromWorkerfiedActor, grafanaCredentialUiSchema as grafanaCredentialSUiSchema, grafanaCredentialSchema, gray, green, helmConnectionSchema, helmConnectionUiSchema, helpAndSupportModalSchema, helpAndSupportModalUiSchema, importDesignSchema, importDesignUiSchema, importFilterSchema, importFilterUiSchema, initReduxPersist, jungleGreen, keppel, kubernetesCredentialSchema, kubernetesCredentialUiSchema, lightModePalette, notificationColors, patternsBlue, primaryColor, prometheusCredentialSchema, prometheusCredentialUiSchema, publishCatalogItemSchema, publishCatalogItemUiSchema, red, redDelete, reduxActor, reduxCommands, reduxEvents, reply, rtkQueryActor, rtkQueryActorCommands, rtkQueryActorEvents, saffron, selectIsValidating, selectValidationResults, sendToActor, sendToActors, slateGray, socialIcons, splitCamelCaseString, tabMenu, tableBackgroundHover, typography, updateVisibleColumns, useDesignAssignment, useEnvironmentAssignment, useModal, useNotificationHandler, useResourceCleanData, useStepper, useTeamAssignment, useViewAssignment, useWindowDimensions, white, withErrorBoundary, withSuppressedErrorBoundary, workerfyActor, yellow };