@odigos/ui-kit 0.0.2

package/lib/containers/data-flow/helpers/build-source-nodes.d.ts

@@ -0,0 +1,17 @@
+import type { Node } from '@xyflow/react';
+import type { NodePositions } from './get-node-positions';
+import { type Source } from '@/types';
+interface Params {
+    loading: boolean;
+    entities: Source[];
+    positions: NodePositions;
+    unfilteredCount: number;
+    containerHeight: number;
+    onScroll: (params: {
+        clientHeight: number;
+        scrollHeight: number;
+        scrollTop: number;
+    }) => void;
+}
+export declare const buildSourceNodes: ({ loading, entities, positions, unfilteredCount, containerHeight, onScroll }: Params) => Node[];
+export {};

package/lib/containers/data-flow/helpers/get-main-container-language.d.ts

@@ -0,0 +1,2 @@
+import { PROGRAMMING_LANGUAGES, type Source } from '@/types';
+export declare const getMainContainerLanguage: (source: Source) => PROGRAMMING_LANGUAGES;

package/lib/containers/data-flow/helpers/get-node-positions.d.ts

@@ -0,0 +1,10 @@
+import { ENTITY_TYPES } from '@/types';
+interface Params {
+    containerWidth: number;
+}
+export type NodePositions = Record<ENTITY_TYPES, {
+    x: number;
+    y: (idx?: number) => number;
+}>;
+export declare const getNodePositions: ({ containerWidth }: Params) => NodePositions;
+export {};

package/lib/containers/data-flow/helpers/node-config.d.ts

@@ -0,0 +1,6 @@
+declare const nodeConfig: {
+    nodeWidth: number;
+    nodeHeight: number;
+    framePadding: number;
+};
+export default nodeConfig;

package/lib/containers/data-flow/index.d.ts

@@ -0,0 +1,8 @@
+import React, { CSSProperties } from 'react';
+import { type Metrics } from '@/types';
+interface DataFlowProps {
+    heightToRemove: CSSProperties['height'];
+    metrics: Metrics;
+}
+declare const DataFlow: React.FC<DataFlowProps>;
+export { DataFlow, type DataFlowProps };

package/lib/containers/data-flow/nodes/add-node.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ADD_NODE_TYPES, NODE_TYPES } from '@/types';
+import { type Node, type NodeProps } from '@xyflow/react';
+export interface AddNodeProps extends NodeProps<Node<{
+    nodeWidth: number;
+    type: ADD_NODE_TYPES;
+    title: string;
+    subTitle: string;
+}, NODE_TYPES.ADD>> {
+}
+export declare const AddNode: React.FC<AddNodeProps>;

package/lib/containers/data-flow/nodes/base-node.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { type Node, type NodeProps } from '@xyflow/react';
+import { type Action, type Destination, ENTITY_TYPES, type InstrumentationRule, NODE_TYPES, NOTIFICATION_TYPE, SIGNAL_TYPE, type Source, type SVG, type WorkloadId } from '@/types';
+export interface BaseNodeProps extends NodeProps<Node<{
+    nodeWidth: number;
+    id: string | WorkloadId;
+    type: ENTITY_TYPES;
+    status?: NOTIFICATION_TYPE;
+    faded?: boolean;
+    title: string;
+    subTitle: string;
+    icon?: SVG;
+    icons?: SVG[];
+    iconSrc?: string;
+    iconSrcs?: string[];
+    monitors?: SIGNAL_TYPE[];
+    isActive?: boolean;
+    raw: Source | Destination | Action | InstrumentationRule;
+}, NODE_TYPES.BASE>> {
+}
+export declare const BaseNode: React.FC<BaseNodeProps>;

package/lib/containers/data-flow/nodes/edged-node.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NODE_TYPES } from '@/types';
+import { type Node, type NodeProps } from '@xyflow/react';
+export interface EdgedNodeProps extends NodeProps<Node<{
+    nodeWidth: number;
+    nodeHeight: number;
+}, NODE_TYPES.EDGED>> {
+}
+export declare const EdgedNode: React.FC<EdgedNodeProps>;

package/lib/containers/data-flow/nodes/frame-node.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NODE_TYPES } from '@/types';
+import { type Node, type NodeProps } from '@xyflow/react';
+export interface FrameNodeProps extends NodeProps<Node<{
+    nodeWidth: number;
+    nodeHeight: number;
+}, NODE_TYPES.FRAME>> {
+}
+export declare const FrameNode: React.FC<FrameNodeProps>;

package/lib/containers/data-flow/nodes/header-node.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { Node, NodeProps } from '@xyflow/react';
+import { NODE_TYPES, type Source, type SVG } from '@/types';
+export interface HeaderNodeProps extends NodeProps<Node<{
+    nodeWidth: number;
+    icon: SVG;
+    title: string;
+    tagValue: string | number;
+    isFetching?: boolean;
+    sources?: Source[];
+}, NODE_TYPES.HEADER>> {
+}
+export declare const HeaderNode: React.FC<HeaderNodeProps>;

package/lib/containers/data-flow/nodes/scroll-node.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { Node, NodeProps } from '@xyflow/react';
+import { ENTITY_TYPES, NODE_TYPES, NOTIFICATION_TYPE, type Source, type SVG, type WorkloadId } from '@/types';
+export interface ScrollNodeProps extends NodeProps<Node<{
+    nodeWidth: number;
+    nodeHeight: number;
+    items: NodeProps<Node<{
+        nodeWidth: number;
+        framePadding: number;
+        id: WorkloadId;
+        type: ENTITY_TYPES;
+        status?: NOTIFICATION_TYPE;
+        title: string;
+        subTitle: string;
+        icon?: SVG;
+        iconSrc?: string;
+        raw: Source;
+    }, NODE_TYPES.BASE>>[];
+    onScroll: (params: {
+        clientHeight: number;
+        scrollHeight: number;
+        scrollTop: number;
+    }) => void;
+}, NODE_TYPES.SCROLL>> {
+}
+export declare const ScrollNode: React.FC<ScrollNodeProps>;

package/lib/containers/data-flow/nodes/skeleton-node.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NODE_TYPES } from '@/types';
+import { type Node, type NodeProps } from '@xyflow/react';
+export interface SkeletonNodeProps extends NodeProps<Node<{
+    nodeWidth: number;
+}, NODE_TYPES.SKELETON>> {
+}
+export declare const SkeletonNode: React.FC<SkeletonNodeProps>;

package/lib/containers/data-flow-actions-menu/add-entity/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface Props {
+}
+export declare const AddEntity: React.FC<Props>;
+export {};

package/lib/containers/data-flow-actions-menu/data-flow.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { type DataFlowActionsMenuProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DataFlowActionsMenuProps>;
+};
+export default _default;
+export declare const Default: StoryObj<DataFlowActionsMenuProps>;
+export declare const FocusedSources: StoryObj<DataFlowActionsMenuProps>;
+export declare const FocusedDestinations: StoryObj<DataFlowActionsMenuProps>;

package/lib/containers/data-flow-actions-menu/filters/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { Source } from '@/types';
+interface Props {
+    namespaces: {
+        name: string;
+    }[];
+    sources: Source[];
+}
+export declare const Filters: React.FC<Props>;
+export {};

package/lib/containers/data-flow-actions-menu/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ENTITY_TYPES } from '@/types';
+interface DataFlowActionsMenuProps {
+    namespaces: {
+        name: string;
+    }[];
+    addEntity?: ENTITY_TYPES;
+}
+declare const DataFlowActionsMenu: React.FC<DataFlowActionsMenuProps>;
+export { DataFlowActionsMenu, type DataFlowActionsMenuProps };

package/lib/containers/data-flow-actions-menu/search/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface Props {
+}
+export declare const Search: React.FC<Props>;
+export {};

package/lib/containers/data-flow-actions-menu/search/recent-searches/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const RecentSearches: () => React.JSX.Element;

package/lib/containers/data-flow-actions-menu/search/search-results/builder.d.ts

@@ -0,0 +1,25 @@
+import { type Action, type Destination, ENTITY_TYPES, type InstrumentationRule, type Source } from '@/types';
+export type Category = 'all' | ENTITY_TYPES;
+interface Params {
+    searchText: string;
+    selectedCategory: Category;
+    sources: Source[];
+    destinations: Destination[];
+    actions: Action[];
+    instrumentationRules: InstrumentationRule[];
+}
+export declare const buildSearchResults: ({ instrumentationRules, sources, actions, destinations, searchText, selectedCategory }: Params) => {
+    categories: {
+        category: Category;
+        label: string;
+        count: number;
+        entities: InstrumentationRule[] | Source[] | Action[] | Destination[];
+    }[];
+    searchResults: {
+        entities: Source[] | Destination[] | Action[] | InstrumentationRule[];
+        category: Category;
+        label: string;
+        count: number;
+    }[];
+};
+export {};

package/lib/containers/data-flow-actions-menu/search/search-results/index.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+interface Props {
+    searchText: string;
+    onClose: () => void;
+}
+export declare const SearchResults: FC<Props>;
+export {};

package/lib/containers/data-flow-actions-menu/selection-button/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { SVG } from '@/types';
+interface Props {
+    label: string;
+    onClick: () => void;
+    icon?: SVG;
+    iconSrc?: string;
+    badgeLabel?: string | number;
+    badgeFilled?: boolean;
+    isSelected?: boolean;
+    withBorder?: boolean;
+    color?: React.CSSProperties['backgroundColor'];
+    hoverColor?: React.CSSProperties['backgroundColor'];
+    style?: React.CSSProperties;
+}
+export declare const SelectionButton: ({ label, onClick, icon: Icon, iconSrc, badgeLabel, badgeFilled, isSelected, withBorder, color, hoverColor, style }: Props) => React.JSX.Element;
+export {};

package/lib/containers/data-flow-actions-menu/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const RelativeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AbsoluteContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/containers/destination-drawer/build-card.d.ts

@@ -0,0 +1,9 @@
+import { DATA_CARD_FIELD_TYPES } from '@/components';
+import { type Destination, type DestinationYamlProperties } from '@/types';
+declare const buildCard: (destination: Destination, yamlFields: DestinationYamlProperties[]) => {
+    type?: DATA_CARD_FIELD_TYPES;
+    title?: string;
+    tooltip?: string;
+    value?: string | Record<string, any>;
+}[];
+export { buildCard };

package/lib/containers/destination-drawer/destination-drawer.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type DestinationDrawerProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DestinationDrawerProps>;
+};
+export default _default;
+export declare const Default: StoryFn<DestinationDrawerProps>;

package/lib/containers/destination-drawer/index.d.ts

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+import { type DestinationFormProps } from '../destination-form';
+import { type DestinationCategories, type DestinationFormData } from '@/types';
+interface DestinationDrawerProps {
+    categories: DestinationCategories;
+    updateDestination: (id: string, destination: DestinationFormData) => void;
+    deleteDestination: (id: string) => void;
+    testConnection: DestinationFormProps['testConnection'];
+    testLoading: DestinationFormProps['testLoading'];
+    testResult: DestinationFormProps['testResult'];
+}
+declare const DestinationDrawer: FC<DestinationDrawerProps>;
+export { DestinationDrawer, type DestinationDrawerProps };

package/lib/containers/destination-form/destination-form.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type DestinationFormProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DestinationFormProps>;
+};
+export default _default;
+export declare const Default: StoryFn<DestinationFormProps>;

package/lib/containers/destination-form/dynamic-fields/index.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import { type DestinationDynamicField } from '@/types';
+interface DynamicFieldsProps {
+    fields: DestinationDynamicField[];
+    onChange: (name: string, value: any) => void;
+    formErrors: Record<string, string>;
+}
+declare const DynamicFields: FC<DynamicFieldsProps>;
+export { DynamicFields, type DynamicFieldsProps };

package/lib/containers/destination-form/index.d.ts

@@ -0,0 +1,18 @@
+import { type Dispatch, type FC, type SetStateAction } from 'react';
+import { type TestConnectionProps } from './test-connection';
+import { type DestinationDynamicField, type DestinationFormData, type DestinationOption } from '@/types';
+interface DestinationFormProps {
+    isUpdate?: boolean;
+    categoryItem?: DestinationOption;
+    formData: DestinationFormData;
+    formErrors: Record<string, string>;
+    handleFormChange: (key: keyof DestinationFormData, val: any) => void;
+    validateForm: () => boolean;
+    testConnection: TestConnectionProps['testConnection'];
+    testLoading: TestConnectionProps['testLoading'];
+    testResult: TestConnectionProps['testResult'];
+    dynamicFields: DestinationDynamicField[];
+    setDynamicFields: Dispatch<SetStateAction<DestinationDynamicField[]>>;
+}
+declare const DestinationForm: FC<DestinationFormProps>;
+export { DestinationForm, type DestinationFormProps };

package/lib/containers/destination-form/test-connection/index.d.ts

@@ -0,0 +1,17 @@
+import { type FC } from 'react';
+import type { DestinationFormData, NOTIFICATION_TYPE } from '@/types';
+interface TestConnectionProps {
+    destination: DestinationFormData;
+    disabled: boolean;
+    validateForm: () => boolean;
+    status?: NOTIFICATION_TYPE;
+    testConnection: (destination: DestinationFormData) => void;
+    testLoading: boolean;
+    testResult?: {
+        succeeded: boolean;
+    };
+    onError: () => void;
+    onSuccess: () => void;
+}
+declare const TestConnection: FC<TestConnectionProps>;
+export { TestConnection, type TestConnectionProps };

package/lib/containers/destination-modal/choose-destination/destinations-list/index.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+import { type DestinationCategories, type DestinationOption } from '@/types';
+interface DestinationsListProps {
+    items: DestinationCategories;
+    setSelectedItem: (item: DestinationOption) => void;
+}
+declare const DestinationsList: FC<DestinationsListProps>;
+export { DestinationsList, type DestinationsListProps };

package/lib/containers/destination-modal/choose-destination/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type DestinationCategories, type DestinationOption } from '@/types';
+import { PotentialDestinationsListProps } from './potential-destinations-list';
+interface Props {
+    hidden?: boolean;
+    categories: DestinationCategories;
+    potentialDestinations: PotentialDestinationsListProps['items'];
+    onSelect: (item: DestinationOption) => void;
+}
+export declare const ChooseDestinationBody: React.FC<Props>;
+export {};

package/lib/containers/destination-modal/choose-destination/potential-destinations-list/index.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+import { type DestinationOption } from '@/types';
+interface PotentialDestinationsListProps {
+    items: DestinationOption[];
+    setSelectedItem: (item: DestinationOption) => void;
+}
+declare const PotentialDestinationsList: FC<PotentialDestinationsListProps>;
+export { PotentialDestinationsList, type PotentialDestinationsListProps };

package/lib/containers/destination-modal/destination-modal.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type DestinationModalProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DestinationModalProps>;
+};
+export default _default;
+export declare const Default: StoryFn<DestinationModalProps>;

package/lib/containers/destination-modal/index.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+import { type DestinationFormProps } from '../destination-form';
+import { type DestinationCategories, type DestinationFormData, type DestinationOption } from '@/types';
+interface DestinationModalProps {
+    isOnboarding?: boolean;
+    categories: DestinationCategories;
+    potentialDestinations: DestinationOption[];
+    createDestination: (destination: DestinationFormData) => void;
+    testConnection: DestinationFormProps['testConnection'];
+    testLoading: DestinationFormProps['testLoading'];
+    testResult: DestinationFormProps['testResult'];
+}
+declare const DestinationModal: FC<DestinationModalProps>;
+export { DestinationModal, type DestinationModalProps };

package/lib/containers/destination-selection-form/configured-list/index.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+interface ConfiguredListProps {
+}
+declare const ConfiguredList: FC<ConfiguredListProps>;
+export { ConfiguredList, type ConfiguredListProps };

package/lib/containers/destination-selection-form/destination-selection-form.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type DestinationSelectionFormProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DestinationSelectionFormProps>;
+};
+export default _default;
+export declare const Default: StoryFn<DestinationSelectionFormProps>;

package/lib/containers/destination-selection-form/index.d.ts

@@ -0,0 +1,16 @@
+import { type FC } from 'react';
+import type { TestConnectionProps } from '../destination-form/test-connection';
+import { type DestinationCategories, type DestinationFormData, type DestinationOption } from '@/types';
+interface DestinationSelectionFormProps {
+    categories: DestinationCategories;
+    potentialDestinations: DestinationOption[];
+    createDestination: (destination: DestinationFormData) => void;
+    isLoading: boolean;
+    testConnection: TestConnectionProps['testConnection'];
+    testLoading: TestConnectionProps['testLoading'];
+    testResult: TestConnectionProps['testResult'];
+    isSourcesListEmpty: boolean;
+    goToSources: () => void;
+}
+declare const DestinationSelectionForm: FC<DestinationSelectionFormProps>;
+export { DestinationSelectionForm, type DestinationSelectionFormProps };

package/lib/containers/destination-table/destination-table.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type DestinationTableProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DestinationTableProps>;
+};
+export default _default;
+export declare const Default: StoryFn<DestinationTableProps>;

package/lib/containers/destination-table/index.d.ts

@@ -0,0 +1,9 @@
+import { type CSSProperties, type FC } from 'react';
+import { type Metrics } from '@/types';
+interface DestinationTableProps {
+    metrics: Metrics;
+    maxHeight?: CSSProperties['maxHeight'];
+    maxWidth?: CSSProperties['maxWidth'];
+}
+declare const DestinationTable: FC<DestinationTableProps>;
+export { DestinationTable, type DestinationTableProps };

package/lib/containers/dropdowns/connection-status-dropdown/connection-status-dropdown.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type ConnectionStatusDropdownProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<ConnectionStatusDropdownProps>;
+};
+export default _default;
+export declare const Default: StoryFn<ConnectionStatusDropdownProps>;

package/lib/containers/dropdowns/connection-status-dropdown/index.d.ts

@@ -0,0 +1,15 @@
+import { type FC } from 'react';
+import type { Platform } from '@/types';
+import { type DropdownProps } from '@/components';
+interface ConnectionStatusDropdownProps {
+    computePlatforms: Platform[];
+    title?: string;
+    value?: DropdownProps['options'];
+    onSelect: (val: DropdownProps['options'][0]) => void;
+    onDeselect: (val: DropdownProps['options'][0]) => void;
+    isMulti?: boolean;
+    required?: boolean;
+    showSearch?: boolean;
+}
+declare const ConnectionStatusDropdown: FC<ConnectionStatusDropdownProps>;
+export { ConnectionStatusDropdown, type ConnectionStatusDropdownProps };

package/lib/containers/dropdowns/error-dropdown/error-dropdown.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type ErrorDropdownProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<ErrorDropdownProps>;
+};
+export default _default;
+export declare const Default: StoryFn<ErrorDropdownProps>;

package/lib/containers/dropdowns/error-dropdown/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type DropdownProps } from '@/components';
+interface ErrorDropdownProps {
+    title?: string;
+    value?: DropdownProps['options'];
+    onSelect: (val: DropdownProps['options'][0]) => void;
+    onDeselect: (val: DropdownProps['options'][0]) => void;
+    disabled?: boolean;
+    isMulti?: boolean;
+    required?: boolean;
+    showSearch?: boolean;
+}
+declare const ErrorDropdown: React.FC<ErrorDropdownProps>;
+export { ErrorDropdown, type ErrorDropdownProps };

package/lib/containers/dropdowns/index.d.ts

@@ -0,0 +1,7 @@
+export * from './connection-status-dropdown/index';
+export * from './error-dropdown/index';
+export * from './language-dropdown/index';
+export * from './monitor-dropdown/index';
+export * from './namespace-dropdown/index';
+export * from './platform-types-dropdown/index';
+export * from './kind-dropdown/index';

package/lib/containers/dropdowns/kind-dropdown/error-dropdown.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type KindDropdownProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<KindDropdownProps>;
+};
+export default _default;
+export declare const Default: StoryFn<KindDropdownProps>;

package/lib/containers/dropdowns/kind-dropdown/index.d.ts

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+import { type DropdownProps } from '@/components';
+interface KindDropdownProps {
+    title?: string;
+    value?: DropdownProps['options'];
+    onSelect: (val: DropdownProps['options'][0]) => void;
+    onDeselect: (val: DropdownProps['options'][0]) => void;
+    isMulti?: boolean;
+    required?: boolean;
+    showSearch?: boolean;
+}
+declare const KindDropdown: FC<KindDropdownProps>;
+export { KindDropdown, type KindDropdownProps };

package/lib/containers/dropdowns/language-dropdown/index.d.ts

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+import { type DropdownProps } from '@/components';
+interface LanguageDropdownProps {
+    title?: string;
+    value?: DropdownProps['options'];
+    onSelect: (val: DropdownProps['options'][0]) => void;
+    onDeselect: (val: DropdownProps['options'][0]) => void;
+    isMulti?: boolean;
+    required?: boolean;
+    showSearch?: boolean;
+}
+declare const LanguageDropdown: FC<LanguageDropdownProps>;
+export { LanguageDropdown, type LanguageDropdownProps };

package/lib/containers/dropdowns/language-dropdown/language-dropdown.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type LanguageDropdownProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<LanguageDropdownProps>;
+};
+export default _default;
+export declare const Default: StoryFn<LanguageDropdownProps>;

package/lib/containers/dropdowns/monitor-dropdown/index.d.ts

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+import { type DropdownProps } from '@/components';
+interface MonitorDropdownProps {
+    title?: string;
+    value?: DropdownProps['options'];
+    onSelect: (val: DropdownProps['options'][0]) => void;
+    onDeselect: (val: DropdownProps['options'][0]) => void;
+    isMulti?: boolean;
+    required?: boolean;
+    showSearch?: boolean;
+}
+declare const MonitorDropdown: FC<MonitorDropdownProps>;
+export { MonitorDropdown, type MonitorDropdownProps };

package/lib/containers/dropdowns/monitor-dropdown/monitor-dropdown.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type MonitorDropdownProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<MonitorDropdownProps>;
+};
+export default _default;
+export declare const Default: StoryFn<MonitorDropdownProps>;