@odigos/ui-kit 0.0.9 → 0.0.11-1.patch-dev.361

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

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+import { type DestinationCategories } from '@/types';
+interface DestinationListProps {
+    categories: DestinationCategories;
+    withDelete?: boolean;
+}
+declare const DestinationList: FC<DestinationListProps>;
+export { DestinationList, type DestinationListProps };

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

@@ -1,16 +1,12 @@
 import { type FC } from 'react';
-import type { TestConnectionProps } from '../destination-form/test-connection';
-import { type DestinationCategories, type DestinationFormData, type DestinationOption } from '@/types';
+import { type TestConnectionFunc, type DestinationCategories, 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;
+    categories: DestinationCategories;
+    potentialDestinations: DestinationOption[];
+    testConnection: TestConnectionFunc;
+    onClickSummary?: () => void;
 }
 declare const DestinationSelectionForm: FC<DestinationSelectionFormProps>;
 export { DestinationSelectionForm, type DestinationSelectionFormProps };

package/lib/containers/dropdowns/{connection-type-dropdown → condition-dropdown}/index.d.ts

@@ -1,8 +1,8 @@
 import { type FC } from 'react';
-import type { Connection } from '@/types';
+import { Source } from '@/types';
 import { type DropdownProps } from '@/components';
-interface ConnectionTypeDropdownProps {
-    connections: Connection[];
+interface ConditionDropdownProps {
+    sources: Source[];
     title?: string;
     value?: DropdownProps['options'];
     onSelect: (val: DropdownProps['options'][0]) => void;
@@ -11,5 +11,5 @@ interface ConnectionTypeDropdownProps {
     required?: boolean;
     showSearch?: boolean;
 }
-declare const ConnectionTypeDropdown: FC<ConnectionTypeDropdownProps>;
-export { ConnectionTypeDropdown, type ConnectionTypeDropdownProps };
+declare const ConditionDropdown: FC<ConditionDropdownProps>;
+export { ConditionDropdown, type ConditionDropdownProps };

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

@@ -1,6 +1,8 @@
 import React from 'react';
+import { type Source } from '@/types';
 import { type DropdownProps } from '@/components';
 interface ErrorDropdownProps {
+    sources: Source[];
     title?: string;
     value?: DropdownProps['options'];
     onSelect: (val: DropdownProps['options'][0]) => void;

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

@@ -1,7 +1,6 @@
-export * from './connection-status-dropdown/index';
-export * from './connection-type-dropdown/index';
-export * from './error-dropdown/index';
-export * from './language-dropdown/index';
-export * from './monitor-dropdown/index';
-export * from './namespace-dropdown/index';
-export * from './kind-dropdown/index';
+export * from './condition-dropdown';
+export * from './error-dropdown';
+export * from './language-dropdown';
+export * from './monitor-dropdown';
+export * from './namespace-dropdown';
+export * from './kind-dropdown';

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

@@ -1,6 +1,8 @@
 import { type FC } from 'react';
+import type { Source } from '@/types';
 import { type DropdownProps } from '@/components';
 interface KindDropdownProps {
+    sources: Source[];
     title?: string;
     value?: DropdownProps['options'];
     onSelect: (val: DropdownProps['options'][0]) => void;

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

@@ -1,6 +1,8 @@
 import { type FC } from 'react';
+import { Source } from '@/types';
 import { type DropdownProps } from '@/components';
 interface LanguageDropdownProps {
+    sources: Source[];
     title?: string;
     value?: DropdownProps['options'];
     onSelect: (val: DropdownProps['options'][0]) => void;

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

@@ -1,9 +1,8 @@
 import { type FC } from 'react';
+import type { Namespace } from '@/types';
 import { type DropdownProps } from '@/components';
 interface NamespaceDropdownProps {
-    namespaces: {
-        name: string;
-    }[];
+    namespaces: Namespace[];
     title?: string;
     value?: DropdownProps['options'];
     onSelect: (val: DropdownProps['options'][0]) => void;

package/lib/containers/index.d.ts

@@ -1,33 +1,38 @@
-export * from './action-drawer/index';
-export * from './action-form/index';
-export * from './action-modal/index';
-export * from './action-table/index';
-export * from './await-pipeline/index';
-export * from './compute-platform-select/index';
-export * from './compute-platforms/index';
-export * from './compute-platforms-actions-menu/index';
-export * from './data-flow/index';
-export * from './data-flow-actions-menu/index';
-export * from './destination-drawer/index';
-export * from './destination-form/index';
-export * from './destination-modal/index';
-export * from './destination-selection-form/index';
-export * from './destination-table/index';
-export * from './dropdowns/index';
-export * from './instrumentation-rule-drawer/index';
-export * from './instrumentation-rule-form/index';
-export * from './instrumentation-rule-modal/index';
-export * from './instrumentation-rule-table/index';
-export * from './multi-source-control/index';
-export * from './notification-manager/index';
-export * from './overview-drawer/index';
-export * from './side-nav/index';
-export * from './slack-invite/index';
-export * from './source-drawer/index';
-export * from './source-form/index';
-export * from './source-modal/index';
-export * from './source-selection-form/index';
-export * from './source-table/index';
-export * from './system-overview/index';
-export * from './toast-list/index';
-export * from './toggle-dark-mode/index';
+export * from './action-drawer';
+export * from './action-form';
+export * from './action-modal';
+export * from './action-table';
+export * from './await-pipeline';
+export * from './data-flow';
+export * from './data-flow-actions-menu';
+export * from './data-stream-drawer';
+export * from './data-stream-form';
+export * from './data-stream-selection-form';
+export * from './destination-drawer';
+export * from './destination-form';
+export * from './destination-modal';
+export * from './destination-selection-form';
+export * from './destination-table';
+export * from './dropdowns';
+export * from './instrumentation-rule-drawer';
+export * from './instrumentation-rule-form';
+export * from './instrumentation-rule-modal';
+export * from './instrumentation-rule-table';
+export * from './multi-source-control';
+export * from './notification-manager';
+export * from './overview-drawer';
+export * from './service-map';
+export * from './setup-summary';
+export * from './side-nav';
+export * from './slack-invite';
+export * from './source-drawer';
+export * from './source-form';
+export * from './source-modal';
+export * from './source-selection-form';
+export * from './source-table';
+export * from './system-overview';
+export * from './system-settings';
+export * from './table-cell-conditions';
+export * from './toast-list';
+export * from './toggle-dark-mode';
+export * from './trace-view';

package/lib/containers/instrumentation-rule-drawer/build-card.d.ts

@@ -1,9 +1,3 @@
-import type { InstrumentationRule } from '@/types';
-import { DATA_CARD_FIELD_TYPES } from '@/components';
-declare const buildCard: (rule: InstrumentationRule) => {
-    type?: DATA_CARD_FIELD_TYPES;
-    title?: string;
-    tooltip?: string;
-    value?: string | Record<string, any>;
-}[];
+import { type InstrumentationRule } from '@/types';
+declare const buildCard: (rule: InstrumentationRule) => import("../../components/data-card/data-card-fields").DataCardField[];
 export { buildCard };

package/lib/containers/instrumentation-rule-form/custom-fields/custom-instrumentation.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { type CustomFieldProps, type InstrumentationRuleFormData } from '@/types';
+type CustomInstrumentationProps = CustomFieldProps<InstrumentationRuleFormData>;
+declare const CustomInstrumentation: FC<CustomInstrumentationProps>;
+export { CustomInstrumentation, type CustomInstrumentationProps };

package/lib/containers/instrumentation-rule-form/custom-fields/headers-collection.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { type CustomFieldProps, type InstrumentationRuleFormData } from '@/types';
+type HeadersCollectionProps = CustomFieldProps<InstrumentationRuleFormData>;
+declare const HeadersCollection: FC<HeadersCollectionProps>;
+export { HeadersCollection, type HeadersCollectionProps };

package/lib/containers/instrumentation-rule-form/custom-fields/index.d.ts

@@ -1,7 +1,7 @@
 import { type FC } from 'react';
-import { type CustomFieldProps, INSTRUMENTATION_RULE_TYPE, type InstrumentationRuleFormData } from '@/types';
+import { type CustomFieldProps, InstrumentationRuleType, type InstrumentationRuleFormData } from '@/types';
 interface CustomFieldsProps extends CustomFieldProps<InstrumentationRuleFormData> {
-    ruleType?: INSTRUMENTATION_RULE_TYPE;
+    ruleType?: InstrumentationRuleType;
 }
 declare const CustomFields: FC<CustomFieldsProps>;
 export { CustomFields, type CustomFieldsProps };

package/lib/containers/instrumentation-rule-form/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { InstrumentationRuleFormData, InstrumentationRuleOption } from '@/types';
+import { type InstrumentationRuleFormData, type InstrumentationRuleOption } from '@/types';
 interface InstrumentationRuleFormProps {
     isUpdate?: boolean;
     rule: InstrumentationRuleOption;

package/lib/containers/multi-source-control/index.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
+import { WorkloadId } from '@/types';
 import { type SelectedState } from '@/store';
 interface MultiSourceControlProps {
     totalSourceCount: number;
     uninstrumentSources: (payload: SelectedState['selectedSources']) => void;
+    restartWorkloads: (sourceIds: WorkloadId[]) => Promise<void>;
 }
 declare const MultiSourceControl: React.FC<MultiSourceControlProps>;
 export { MultiSourceControl, type MultiSourceControlProps };

package/lib/containers/notification-manager/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-interface NotificationManagerProps {
-}
+type NotificationManagerProps = object;
 declare const NotificationManager: React.FC<NotificationManagerProps>;
 export { NotificationManager, type NotificationManagerProps };

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

@@ -5,16 +5,22 @@ interface OverviewDrawerProps extends PropsWithChildren {
     width?: number;
     title: string;
     titleTooltip?: string;
-    icon?: SVG;
-    iconSrc?: string;
+    hideEditTitleFromEdit?: boolean;
+    icons?: SVG[];
+    iconSrcs?: string[];
     isEdit?: boolean;
     isFormDirty?: boolean;
     isLastItem?: boolean;
+    onClose?: () => void;
     onEdit?: (bool?: boolean) => void;
     onSave?: (newTitle: string) => void;
     onDelete?: () => void;
     onCancel?: () => void;
     tabs?: DrawerProps['header']['tabs'];
+    headerActionButtons?: DrawerProps['header']['actionButtons'];
 }
-declare const OverviewDrawer: React.FC<OverviewDrawerProps>;
-export { OverviewDrawer, type OverviewDrawerProps };
+interface OverviewDrawerRef {
+    closeDrawer: () => void;
+}
+declare const OverviewDrawer: React.ForwardRefExoticComponent<OverviewDrawerProps & React.RefAttributes<OverviewDrawerRef>>;
+export { OverviewDrawer, type OverviewDrawerProps, type OverviewDrawerRef };

package/lib/containers/service-map/helpers/build-edges.d.ts

@@ -0,0 +1,10 @@
+import { DefaultTheme } from 'styled-components';
+import { type Edge, type Node } from '@xyflow/react';
+import { type ServiceMapSources } from '@/types';
+interface Params {
+    theme: DefaultTheme;
+    nodes: Node[];
+    serviceMap: ServiceMapSources;
+}
+export declare const buildEdges: ({ theme, nodes, serviceMap }: Params) => Edge[];
+export {};

package/lib/containers/service-map/helpers/build-map-nodes.d.ts

@@ -0,0 +1,11 @@
+import type { Node } from '@xyflow/react';
+import { type Source, type ServiceMapSources } from '@/types';
+interface Params {
+    sources: Source[];
+    sourcesLoading: boolean;
+    serviceMap: ServiceMapSources;
+    containerHeight: number;
+    containerWidth: number;
+}
+export declare const buildMapNodes: ({ sources, serviceMap, containerHeight, containerWidth }: Params) => Node[];
+export {};

package/lib/containers/service-map/helpers/generate-dag-positions.d.ts

@@ -0,0 +1,5 @@
+import type { XYPosition } from '@xyflow/react';
+import type { ServiceMapSources } from '@/types';
+type PositionMap = Map<string, XYPosition>;
+export declare const generateDAGPositions: (serviceMap: ServiceMapSources, containerWidth: number, _containerHeight: number) => PositionMap;
+export {};

package/lib/containers/service-map/helpers/generate-spiral-grid-position.d.ts

@@ -0,0 +1,2 @@
+import type { XYPosition } from '@xyflow/react';
+export declare const generateSpiralGridPosition: (existingPositions: XYPosition[], containerWidth: number, containerHeight: number) => XYPosition;

package/lib/containers/service-map/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type ServiceMapSources } from '@/types';
+interface ServiceMapProps {
+    heightToRemove: number;
+    serviceMap: ServiceMapSources;
+}
+declare const ServiceMap: React.FC<ServiceMapProps>;
+export { ServiceMap, type ServiceMapProps };

package/lib/containers/setup-summary/index.d.ts

@@ -0,0 +1,10 @@
+import { type FC } from 'react';
+import type { DestinationCategories } from '@/types';
+interface SetupSummaryProps {
+    onEditStream: () => void;
+    onEditSources: () => void;
+    onEditDestinations: () => void;
+    categories: DestinationCategories;
+}
+declare const SetupSummary: FC<SetupSummaryProps>;
+export { SetupSummary, type SetupSummaryProps };

package/lib/containers/side-nav/index.d.ts

@@ -1,16 +1,16 @@
 import { type FC } from 'react';
 import { type NavIcon } from '@/components';
-declare enum NAV_ICON_IDS {
-    OVERVIEW = "overview",
-    INSTRUMENTATION_RULES = "instrumentation-rules",
-    SOURCES = "sources",
-    ACTIONS = "actions",
-    DESTINATIONS = "destinations"
+declare enum NavIconIds {
+    Overview = "overview",
+    InstrumentationRules = "InstrumentationRule",
+    Sources = "Source",
+    Actions = "Action",
+    Destinations = "Destination"
 }
 interface SideNavProps {
-    onClickId: (id: NAV_ICON_IDS) => void;
+    onClickId: (id: NavIconIds) => void;
     defaultSelectedId?: string;
     extendedNavIcons?: NavIcon[];
 }
 declare const SideNav: FC<SideNavProps>;
-export { SideNav, type SideNavProps, NAV_ICON_IDS };
+export { SideNav, type SideNavProps, NavIconIds };

package/lib/containers/slack-invite/index.d.ts

@@ -1,5 +1,4 @@
 import { type FC } from 'react';
-interface SlackInviteProps {
-}
+type SlackInviteProps = object;
 declare const SlackInvite: FC<SlackInviteProps>;
 export { SlackInvite, type SlackInviteProps };

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

@@ -1,8 +1,3 @@
 import type { Source } from '@/types';
-declare const buildCard: (source: Source) => {
-    type?: import("@/components").DATA_CARD_FIELD_TYPES;
-    title?: string;
-    tooltip?: string;
-    value?: string | Record<string, any>;
-}[];
+declare const buildCard: (source: Source) => import("../../components/data-card/data-card-fields").DataCardField[];
 export { buildCard };

package/lib/containers/source-drawer/describe/index.d.ts

@@ -2,7 +2,7 @@ import { type FC } from 'react';
 import { type DescribeSource, type Source, type WorkloadId } from '@/types';
 interface DescribeProps {
     source: Source;
-    fetchDescribeSource: (req: {
+    fetchSourceDescribe: (req: {
         variables: WorkloadId;
     }) => Promise<{
         data?: {

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

@@ -1,15 +1,14 @@
 import { type FC } from 'react';
-import { type DescribeSource, type PersistSources, type SourceFormData, type WorkloadId } from '@/types';
+import { type DescribeProps } from './describe';
+import { type LibrariesProps } from './libraries';
+import { type PersistSources, type SourceFormData, type WorkloadId, type Source } from '@/types';
 interface SourceDrawerProps {
     persistSources: PersistSources;
     updateSource: (sourceId: WorkloadId, payload: SourceFormData) => Promise<void>;
-    fetchDescribeSource: (req: {
-        variables: WorkloadId;
-    }) => Promise<{
-        data?: {
-            describeSource: DescribeSource;
-        };
-    }>;
+    restartWorkloads: (sourceIds: WorkloadId[]) => Promise<void>;
+    fetchSourceById: (id: WorkloadId, bypassPaginationLoader?: boolean) => Promise<Source | undefined>;
+    fetchSourceDescribe: DescribeProps['fetchSourceDescribe'];
+    fetchSourceLibraries: LibrariesProps['fetchSourceLibraries'];
 }
 declare const SourceDrawer: FC<SourceDrawerProps>;
 export { SourceDrawer, type SourceDrawerProps };

package/lib/containers/source-drawer/libraries/index.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+import { type InstrumentationInstanceComponent, type Source, type WorkloadId } from '@/types';
+interface LibrariesProps {
+    source: Source;
+    fetchSourceLibraries: (req: {
+        variables: WorkloadId;
+    }) => Promise<{
+        data?: {
+            instrumentationInstanceComponents: InstrumentationInstanceComponent[];
+        };
+    }>;
+}
+declare const Libraries: FC<LibrariesProps>;
+export { Libraries, type LibrariesProps };

package/lib/containers/source-drawer/odigos-health/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type Source } from '@/types';
+declare const OdigosHealth: ({ workloadOdigosHealthStatus }: {
+    workloadOdigosHealthStatus: Source["workloadOdigosHealthStatus"];
+}) => React.JSX.Element | null;
+export { OdigosHealth };

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

@@ -1,13 +1,7 @@
-import { type Dispatch, type FC, type SetStateAction } from 'react';
-import { type Namespace, type PersistSources } from '@/types';
-import { type SourceSelectionFormProps } from '../source-selection-form';
+import { type FC } from 'react';
+import { type FetchSingleNamespace, type PersistSources } from '@/types';
 interface SourceModalProps {
-    componentType?: SourceSelectionFormProps['componentType'];
-    namespaces: Namespace[];
-    namespace?: Namespace;
-    namespacesLoading: boolean;
-    selectedNamespace: string;
-    setSelectedNamespace: Dispatch<SetStateAction<string>>;
+    fetchSingleNamespace: FetchSingleNamespace;
     persistSources: PersistSources;
 }
 declare const SourceModal: FC<SourceModalProps>;

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

@@ -1,14 +1,10 @@
 import React from 'react';
-import type { Namespace } from '@/types';
-import type { AvailableSourcesByNamespace, NamespaceSelectionFormData, SourceSelectionFormData } from '@/store';
+import { type FetchSingleNamespace } from '@/types';
+import { type AvailableSourcesByNamespace, type NamespaceSelectionFormData, type SourceSelectionFormData } from '@/store';
 interface SourceSelectionFormProps {
-    componentType: 'SIMPLE' | 'FAST';
     isModal?: boolean;
-    namespaces: Namespace[];
-    namespace?: Namespace;
-    namespacesLoading: boolean;
-    selectedNamespace: string;
-    onSelectNamespace: (namespace: string) => void;
+    fetchSingleNamespace: FetchSingleNamespace;
+    onClickSummary?: () => void;
 }
 interface SourceSelectionFormRef {
     getFormValues: () => {

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

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+import type { UseSourceSelectionFormData } from '@/hooks';
+interface SourceListProps extends Partial<UseSourceSelectionFormData> {
+    isModal?: boolean;
+    withInstances?: boolean;
+}
+declare const SourceList: FC<SourceListProps>;
+export { SourceList, type SourceListProps };

package/lib/containers/system-overview/describe/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { DescribeOdigos } from '@/types';
+import { type DescribeOdigos } from '@/types';
 interface DescribeProps {
     fetchDescribeOdigos: () => Promise<{
         data?: {

package/lib/containers/system-settings/index.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import { InstallationMethod, type OdigosConfig } from '@/types';
+interface SystemSettingsProps {
+    installationMethod: InstallationMethod;
+    fetchSettings: () => Promise<OdigosConfig | undefined>;
+    onSave: (payload: OdigosConfig) => Promise<void>;
+}
+declare const SystemSettings: FC<SystemSettingsProps>;
+export { SystemSettings, type SystemSettingsProps };

package/lib/containers/system-settings/settings/collector-gateway-settings.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type SettingsProps } from './types';
+declare const CollectorGatewaySettings: React.ForwardRefExoticComponent<SettingsProps & React.RefAttributes<HTMLDivElement>>;
+export { CollectorGatewaySettings };

package/lib/containers/system-settings/settings/collector-node-settings.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type SettingsProps } from './types';
+declare const CollectorNodeSettings: React.ForwardRefExoticComponent<SettingsProps & React.RefAttributes<HTMLDivElement>>;
+export { CollectorNodeSettings };

package/lib/containers/system-settings/settings/general-settings.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type SettingsProps } from './types';
+declare const GeneralSettings: React.ForwardRefExoticComponent<SettingsProps & React.RefAttributes<HTMLDivElement>>;
+export { GeneralSettings };

package/lib/containers/system-settings/settings/options.d.ts

@@ -0,0 +1,5 @@
+import type { DropdownOption } from '@/components';
+import { AgentEnvVarsInjectionMethod, MountMethod, Profile } from '@/types';
+export declare const MOUNT_METHOD_OPTIONS: DropdownOption<MountMethod>[];
+export declare const AGENT_ENV_VARS_INJECTION_METHOD_OPTIONS: DropdownOption<AgentEnvVarsInjectionMethod>[];
+export declare const PROFILE_OPTIONS: DropdownOption<Profile>[];

package/lib/containers/system-settings/settings/rollback-settings.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type SettingsProps } from './types';
+declare const RollbackSettings: React.ForwardRefExoticComponent<SettingsProps & React.RefAttributes<HTMLDivElement>>;
+export { RollbackSettings };

package/lib/containers/system-settings/settings/styled.d.ts

@@ -0,0 +1,8 @@
+export declare const Card: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@/components").TextProps, never>> & string & Omit<import("react").FC<import("@/components").TextProps>, keyof import("react").Component<any, {}, any>>;
+export declare const RowOfFields: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$alignItems" | "$justifyContent" | "$wrap"> & {
+    $gap?: number;
+    $alignItems?: import("styled-components").CSSProperties["alignItems"];
+    $justifyContent?: import("styled-components").CSSProperties["justifyContent"];
+    $wrap?: import("styled-components").CSSProperties["flexWrap"];
+}, never>> & string;

package/lib/containers/system-settings/settings/types.d.ts

@@ -0,0 +1,13 @@
+import type { OdigosConfig } from '@/types';
+export declare enum SettingsTabs {
+    General = "General",
+    Ui = "UI",
+    Rollback = "Rollback",
+    CollectorNode = "Collector Node",
+    CollectorGateway = "Collector Gateway"
+}
+export interface SettingsProps {
+    isAdvanced: boolean;
+    formData: OdigosConfig;
+    handleFormChange: (key: keyof OdigosConfig | string, value: any) => void;
+}

package/lib/containers/system-settings/settings/ui-settings.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type SettingsProps } from './types';
+declare const UiSettings: React.ForwardRefExoticComponent<SettingsProps & React.RefAttributes<HTMLDivElement>>;
+export { UiSettings };

package/lib/containers/table-cell-conditions/index.d.ts

@@ -2,6 +2,7 @@ import { type FC } from 'react';
 import { type Condition } from '@/types';
 interface TableCellConditionsProps {
     conditions: Condition[];
+    id: string;
 }
 declare const TableCellConditions: FC<TableCellConditionsProps>;
 export { TableCellConditions, type TableCellConditionsProps };

package/lib/containers/toast-list/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-interface ToastListProps {
-}
+type ToastListProps = object;
 declare const ToastList: React.FC<ToastListProps>;
 export { ToastList, type ToastListProps };

package/lib/containers/toggle-dark-mode/index.d.ts

@@ -1,5 +1,4 @@
 import { type FC } from 'react';
-interface ToggleDarkModeProps {
-}
+type ToggleDarkModeProps = object;
 declare const ToggleDarkMode: FC<ToggleDarkModeProps>;
 export { ToggleDarkMode, type ToggleDarkModeProps };

package/lib/containers/trace-view/build-spans.d.ts

@@ -0,0 +1,2 @@
+import type { Trace, TraceSpan } from '@/types';
+export declare const buildSpans: (trace: Trace) => TraceSpan[];

package/lib/containers/trace-view/index.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import type { Trace } from '@/types';
+interface TraceViewProps {
+    heightToRemove: number;
+    traces: Trace[];
+    isLoading: boolean;
+}
+declare const TraceView: FC<TraceViewProps>;
+export { TraceView, type TraceViewProps };