@odigos/ui-kit 0.0.2

package/lib/components/field-error/field-error.stories.d.ts

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

package/lib/components/field-error/index.d.ts

@@ -0,0 +1,5 @@
+import { type FC, type PropsWithChildren } from 'react';
+interface FieldErrorProps extends PropsWithChildren {
+}
+declare const FieldError: FC<FieldErrorProps>;
+export { FieldError, type FieldErrorProps };

package/lib/components/field-label/field-label.stories.d.ts

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

package/lib/components/field-label/index.d.ts

@@ -0,0 +1,9 @@
+import { type FC, type CSSProperties } from 'react';
+interface FieldLabelProps {
+    title?: string;
+    required?: boolean;
+    tooltip?: string;
+    style?: CSSProperties;
+}
+declare const FieldLabel: FC<FieldLabelProps>;
+export { FieldLabel, type FieldLabelProps };

package/lib/components/header/header.stories.d.ts

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

package/lib/components/header/index.d.ts

@@ -0,0 +1,8 @@
+import { type FC, type ReactNode } from 'react';
+interface HeaderProps {
+    left?: ReactNode[];
+    center?: ReactNode[];
+    right?: ReactNode[];
+}
+declare const Header: FC<HeaderProps>;
+export { Header, type HeaderProps };

package/lib/components/icon-button/icon-button.stories.d.ts

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

package/lib/components/icon-button/index.d.ts

@@ -0,0 +1,10 @@
+import { type MouseEvent, type CSSProperties, type FC, type PropsWithChildren } from 'react';
+interface IconButtonProps extends PropsWithChildren {
+    onClick?: (e: MouseEvent) => void;
+    tooltip?: string;
+    size?: number;
+    withPing?: boolean;
+    pingColor?: CSSProperties['backgroundColor'];
+}
+declare const IconButton: FC<IconButtonProps>;
+export { IconButton, type IconButtonProps };

package/lib/components/icon-group/icon-group.stories.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { type IconGroupProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<IconGroupProps>;
+};
+export default _default;
+export declare const SvgImportsMaxAmount: StoryObj<IconGroupProps>;
+export declare const SvgImportsHalfAmount: StoryObj<IconGroupProps>;
+export declare const SvgImportsMinAmount: StoryObj<IconGroupProps>;
+export declare const ImageUrlsMaxAmount: StoryObj<IconGroupProps>;
+export declare const ImageUrlsHalfAmount: StoryObj<IconGroupProps>;
+export declare const ImageUrlsMinAmount: StoryObj<IconGroupProps>;

package/lib/components/icon-group/index.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+import type { SVG } from '@/types';
+import { NOTIFICATION_TYPE } from '@/types';
+interface IconGroupProps {
+    icons?: SVG[];
+    iconSrcs?: string[];
+    status?: NOTIFICATION_TYPE;
+    size?: number;
+}
+declare const IconGroup: FC<IconGroupProps>;
+export { IconGroup, type IconGroupProps };

package/lib/components/icon-title-badge/icon-title-badge.stories.d.ts

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

package/lib/components/icon-title-badge/index.d.ts

@@ -0,0 +1,10 @@
+import { type FC } from 'react';
+import type { SVG } from '@/types';
+interface IconTitleBadgeProps {
+    icon?: SVG;
+    title: string;
+    badge?: string | number;
+    loading?: boolean;
+}
+declare const IconTitleBadge: FC<IconTitleBadgeProps>;
+export { IconTitleBadge, type IconTitleBadgeProps };

package/lib/components/icon-wrapped/icon-wrapped.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { type IconWrappedProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<IconWrappedProps>;
+};
+export default _default;
+export declare const SvgImport: StoryObj<IconWrappedProps>;
+export declare const ImageUrl: StoryObj<IconWrappedProps>;

package/lib/components/icon-wrapped/index.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+import { NOTIFICATION_TYPE, type SVG } from '@/types';
+interface IconWrappedProps {
+    icon?: SVG;
+    src?: string;
+    alt?: string;
+    status?: NOTIFICATION_TYPE;
+    size?: number;
+}
+declare const IconWrapped: FC<IconWrappedProps>;
+export { IconWrapped, type IconWrappedProps };

package/lib/components/icons-nav/icons-nav.stories.d.ts

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

package/lib/components/icons-nav/index.d.ts

@@ -0,0 +1,17 @@
+import { type FC } from 'react';
+import type { SVG } from '@/types';
+interface NavIcon {
+    id: string;
+    icon: SVG | FC;
+    selected: boolean;
+    onClick: () => void;
+    tooltip?: string;
+}
+interface IconsNavProps {
+    orientation?: 'horizontal' | 'vertical';
+    flip?: boolean;
+    mainIcons: NavIcon[];
+    subIcons: NavIcon[];
+}
+declare const IconsNav: FC<IconsNavProps>;
+export { IconsNav, type IconsNavProps, type NavIcon };

package/lib/components/image-controlled/image-controlled.stories.d.ts

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

package/lib/components/image-controlled/index.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+interface ImageControlledProps {
+    src: string;
+    alt?: string;
+    size?: number;
+}
+declare const ImageControlled: FC<ImageControlledProps>;
+export { ImageControlled, type ImageControlledProps };

package/lib/components/index.d.ts

@@ -0,0 +1,48 @@
+export * from './auto-complete-input/index';
+export * from './badge/index';
+export * from './button/index';
+export * from './cancel-warning/index';
+export * from './checkbox/index';
+export * from './code/index';
+export * from './condition-details/index';
+export * from './data-card/index';
+export * from './data-tab/index';
+export * from './delete-warning/index';
+export * from './divider/index';
+export * from './docs-button/index';
+export * from './drawer/index';
+export * from './dropdown/index';
+export * from './extend-arrow/index';
+export * from './fade-loader/index';
+export * from './field-error/index';
+export * from './field-label/index';
+export * from './header/index';
+export * from './icon-button/index';
+export * from './icon-group/index';
+export * from './icon-title-badge/index';
+export * from './icon-wrapped/index';
+export * from './icons-nav/index';
+export * from './image-controlled/index';
+export * from './input/index';
+export * from './input-list/index';
+export * from './input-table/index';
+export * from './interactive-table/index';
+export * from './key-value-input-list/index';
+export * from './modal/index';
+export * from './monitors-checkboxes/index';
+export * from './monitors-icons/index';
+export * from './navigation-buttons/index';
+export * from './no-data-found/index';
+export * from './notification-note/index';
+export * from './section-title/index';
+export * from './segment/index';
+export * from './skeleton-loader/index';
+export * from './status/index';
+export * from './stepper/index';
+export * from './text/index';
+export * from './textarea/index';
+export * from './toggle/index';
+export * from './tooltip/index';
+export * from './trace-loader/index';
+export * from './warning-modal/index';
+export * from './styled';

package/lib/components/input/index.d.ts

@@ -0,0 +1,14 @@
+import { type FC, type InputHTMLAttributes } from 'react';
+import type { SVG } from '@/types';
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    title?: string;
+    icon?: SVG;
+    tooltip?: string;
+    buttonLabel?: string;
+    onButtonClick?: () => void;
+    required?: boolean;
+    hasError?: boolean;
+    errorMessage?: string;
+}
+declare const Input: FC<InputProps>;
+export { Input, type InputProps };

package/lib/components/input/input.stories.d.ts

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

package/lib/components/input-list/index.d.ts

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+type Row = string;
+interface InputListProps {
+    initialValues?: Row[];
+    value?: Row[];
+    onChange: (values: Row[]) => void;
+    title?: string;
+    tooltip?: string;
+    required?: boolean;
+    errorMessage?: string;
+}
+declare const InputList: FC<InputListProps>;
+export { InputList, type InputListProps };

package/lib/components/input-list/input-list.stories.d.ts

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

package/lib/components/input-table/index.d.ts

@@ -0,0 +1,20 @@
+import { type FC } from 'react';
+type Row = {
+    [key: string]: any;
+};
+interface InputTableProps {
+    columns: {
+        title: string;
+        keyName: string;
+        type?: 'number';
+        placeholder?: string;
+        tooltip?: string;
+        required?: boolean;
+    }[];
+    initialValues?: Row[];
+    value?: Row[];
+    onChange?: (values: Row[]) => void;
+    errorMessage?: string;
+}
+declare const InputTable: FC<InputTableProps>;
+export { InputTable, type InputTableProps };

package/lib/components/input-table/input-table.stories.d.ts

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

package/lib/components/interactive-table/index.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode, type FC, CSSProperties } from 'react';
+import { NOTIFICATION_TYPE, type SVG } from '@/types';
+interface ColumnCell {
+    key: string;
+    title: string;
+    sortable?: boolean;
+}
+interface RowCell {
+    columnKey: string;
+    icon?: SVG;
+    component?: () => ReactNode;
+    value?: string | number | boolean;
+    textColor?: CSSProperties['color'];
+    withTooltip?: boolean;
+}
+interface InteractiveTableProps {
+    columns: ColumnCell[];
+    rows: {
+        status?: NOTIFICATION_TYPE;
+        faded?: boolean;
+        cells: RowCell[];
+    }[];
+    onRowClick?: (index: number) => void;
+}
+declare const InteractiveTable: FC<InteractiveTableProps>;
+export { InteractiveTable, type InteractiveTableProps, type ColumnCell, type RowCell };

package/lib/components/interactive-table/interactive-table.stories.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+import { type InteractiveTableProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<InteractiveTableProps>;
+};
+export default _default;
+export declare const Tokens: StoryObj<InteractiveTableProps>;
+export declare const ComputePlatforms: StoryObj<InteractiveTableProps>;
+export declare const Sources: StoryObj<InteractiveTableProps>;
+export declare const Actions: StoryObj<InteractiveTableProps>;

package/lib/components/interactive-table/row.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { ColumnCell, RowCell } from '.';
+import { NOTIFICATION_TYPE } from '@/types';
+interface RowProps {
+    index: number;
+    columns: ColumnCell[];
+    cells: RowCell[];
+    onClick?: () => void;
+    status?: NOTIFICATION_TYPE;
+    faded?: boolean;
+}
+declare const Row: FC<RowProps>;
+export { Row, type RowProps };

package/lib/components/key-value-input-list/index.d.ts

@@ -0,0 +1,16 @@
+import { type FC } from 'react';
+type Row = {
+    key: string;
+    value: string;
+};
+interface KeyValueInputsListProps {
+    initialKeyValuePairs?: Row[];
+    value?: Row[];
+    onChange?: (validKeyValuePairs: Row[]) => void;
+    title?: string;
+    tooltip?: string;
+    required?: boolean;
+    errorMessage?: string;
+}
+declare const KeyValueInputsList: FC<KeyValueInputsListProps>;
+export { KeyValueInputsList, type KeyValueInputsListProps };

package/lib/components/key-value-input-list/key-value-input-list.stories.d.ts

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

package/lib/components/modal/index.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode, type FC } from 'react';
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    noOverlay?: boolean;
+    header?: {
+        title: string;
+    };
+    actionComponent?: ReactNode;
+    children: ReactNode;
+    closeOnEscape?: boolean;
+}
+declare const Modal: FC<ModalProps>;
+export { Modal, type ModalProps };

package/lib/components/modal/modal.stories.d.ts

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

package/lib/components/monitors-checkboxes/index.d.ts

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+import { SIGNAL_TYPE } from '@/types';
+interface MonitorsCheckboxesProps {
+    isVertical?: boolean;
+    title?: string;
+    required?: boolean;
+    errorMessage?: string;
+    allowedSignals?: SIGNAL_TYPE[];
+    selectedSignals: SIGNAL_TYPE[];
+    setSelectedSignals: (value: SIGNAL_TYPE[]) => void;
+}
+declare const MonitorsCheckboxes: FC<MonitorsCheckboxesProps>;
+export { MonitorsCheckboxes, type MonitorsCheckboxesProps };

package/lib/components/monitors-checkboxes/monitors-checkboxes.stories.d.ts

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

package/lib/components/monitors-icons/index.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+import { SIGNAL_TYPE } from '@/types';
+interface MonitorsIconsProps {
+    monitors?: SIGNAL_TYPE[];
+    withTooltips?: boolean;
+    withLabels?: boolean;
+    size?: number;
+    color?: string;
+}
+declare const MonitorsIcons: FC<MonitorsIconsProps>;
+export { MonitorsIcons, type MonitorsIconsProps };

package/lib/components/monitors-icons/monitors-icons.stories.d.ts

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

package/lib/components/navigation-buttons/index.d.ts

@@ -0,0 +1,16 @@
+import { type FC } from 'react';
+import type { SVG } from '@/types';
+interface IButton {
+    label: string;
+    icon?: SVG;
+    iconSrc?: string;
+    tooltip?: string;
+    onClick: () => void;
+    variant?: 'primary' | 'secondary';
+    disabled?: boolean;
+}
+interface NavigationButtonsProps {
+    buttons: IButton[];
+}
+declare const NavigationButtons: FC<NavigationButtonsProps>;
+export { NavigationButtons, type NavigationButtonsProps };

package/lib/components/navigation-buttons/navigation-buttons.stories.d.ts

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

package/lib/components/no-data-found/index.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+interface NoDataFoundProps {
+    title?: string;
+    subTitle?: string;
+}
+declare const NoDataFound: FC<NoDataFoundProps>;
+export { NoDataFound, type NoDataFoundProps };

package/lib/components/no-data-found/no-data-found.stories.d.ts

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

package/lib/components/notification-note/index.d.ts

@@ -0,0 +1,21 @@
+import { type CSSProperties, type FC } from 'react';
+import { NOTIFICATION_TYPE } from '@/types';
+interface OnCloseParams {
+    asSeen: boolean;
+}
+interface NotificationNoteProps {
+    id?: string;
+    type: NOTIFICATION_TYPE;
+    title?: string;
+    message?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    onClose?: (params: OnCloseParams) => void;
+    duration?: number;
+    overrideMaxWidth?: CSSProperties['width'];
+    style?: CSSProperties;
+}
+declare const NotificationNote: FC<NotificationNoteProps>;
+export { NotificationNote, type NotificationNoteProps };

package/lib/components/notification-note/notification-note.stories.d.ts

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

package/lib/components/section-title/index.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode, type FC } from 'react';
+import type { SVG } from '@/types';
+interface SectionTitleProps {
+    title: string;
+    description: string;
+    badgeLabel?: string | number;
+    icon?: SVG;
+    actionButton?: ReactNode;
+    size?: 'small' | 'medium' | 'large';
+}
+declare const SectionTitle: FC<SectionTitleProps>;
+export { SectionTitle, type SectionTitleProps };

package/lib/components/section-title/section-title.stories.d.ts

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

package/lib/components/segment/index.d.ts

@@ -0,0 +1,15 @@
+import { type CSSProperties, type FC } from 'react';
+import type { SVG } from '@/types';
+type SelectedValue = any;
+interface SegmentProps {
+    options: {
+        icon?: SVG;
+        label?: string;
+        value: SelectedValue;
+        selectedBgColor?: CSSProperties['backgroundColor'];
+    }[];
+    selected: SelectedValue;
+    setSelected: (value: SelectedValue) => void;
+}
+declare const Segment: FC<SegmentProps>;
+export { Segment, type SegmentProps };

package/lib/components/segment/segment.stories.d.ts

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

package/lib/components/skeleton-loader/index.d.ts

@@ -0,0 +1,7 @@
+import { type CSSProperties, type FC } from 'react';
+interface SkeletonLoaderProps {
+    maxWidth?: CSSProperties['maxWidth'];
+    size?: number;
+}
+declare const SkeletonLoader: FC<SkeletonLoaderProps>;
+export { SkeletonLoader, type SkeletonLoaderProps };