@pautena/react-design-system 0.12.2 → 0.13.0-alpha.1

package/dist/providers/types/components/value-displays/value-image/value-image.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { BaseValueProps } from "../value-base/value-displays.types";
+export interface ValueImageProps extends BaseValueProps<string> {
+    /**
+     * Image size
+     */
+    size?: number;
+}
+/**
+ * Displays a image value with a label
+ */
+export declare const ValueImage: ({ label, value, size: sizeArg, dense }: ValueImageProps) => React.JSX.Element;

package/dist/providers/types/components/value-displays/value-item/index.d.ts

@@ -0,0 +1 @@
+export * from "./value-item";

package/dist/providers/types/components/value-displays/value-item/value-item.d.ts

@@ -0,0 +1,13 @@
+import { GridProps } from "@mui/material";
+import { ResponsiveStyleValue } from "@mui/system";
+import { PropsWithChildren, FunctionComponent, ReactElement } from "react";
+export type ValueItemProps = PropsWithChildren<Omit<GridProps, "item" | "container"> & {
+    bordered?: ResponsiveStyleValue<boolean>;
+}>;
+export type ValueItemComponent = FunctionComponent<ValueItemProps>;
+export type ValueItemElement = ReactElement<ValueItemProps, ValueItemComponent>;
+export declare const valueItemClasses: {
+    root: string;
+    content: string;
+};
+export declare const ValueItem: ValueItemComponent;

package/dist/providers/types/components/value-displays/value-label/index.d.ts

@@ -0,0 +1 @@
+export * from "./value-label";

package/dist/providers/types/components/value-displays/value-label/value-label.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { BaseValueProps } from "../value-base";
+import { LabelVariant } from "~/components/data-display";
+export type ValueLabelProps = BaseValueProps<string | number | string[] | number[]> & {
+    variant: LabelVariant | LabelVariant[];
+};
+/**
+ * Displays a label component value with a label
+ */
+export declare const ValueLabel: ({ label, value: valueProp, placeholder, variant, }: ValueLabelProps) => React.JSX.Element;

package/dist/providers/types/components/value-displays/value-rating/index.d.ts

@@ -0,0 +1 @@
+export * from "./value-rating";

package/dist/providers/types/components/value-displays/value-rating/value-rating.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { BaseValueProps, EditableValueProps } from "../value-base/value-displays.types";
+export type ValueRatingProps = BaseValueProps<number> & {
+    maxRating?: number;
+} & EditableValueProps<number>;
+/**
+ * Displays a number using stars
+ */
+export declare const ValueRating: ({ label, value, maxRating, editable, dense, onEdit, }: ValueRatingProps) => React.JSX.Element;

package/dist/providers/types/components/value-displays/value-text/index.d.ts

@@ -0,0 +1 @@
+export * from "./value-text";

package/dist/providers/types/components/value-displays/value-text/value-text.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { BaseValueProps, EditableValueProps } from "../value-base";
+export type ValueTextProps = BaseValueProps<string | number> & EditableValueProps<string>;
+/**
+ * Displays a string value with a label
+ */
+export declare const ValueText: ({ label, value: valueProp, placeholder, editable, dense, onEdit, }: ValueTextProps) => React.JSX.Element;

package/dist/providers/types/generators/generators.mock.d.ts

@@ -0,0 +1,30 @@
+import { BasicModelInstance, FieldType, Model } from "./generators.model";
+export declare const BirthDateFormat = "dd/MM/yyyy";
+export declare const ReturnTimeFormat = "HH:mm";
+export declare const TradeDateFormat = "dd/MM/yyyy HH:mm";
+export declare const mockModel: Model;
+export interface MockInstance {
+    id: string;
+    firstName: string;
+    middleName: string;
+    lastName: string;
+    age: number;
+    birthDate: Date;
+    car: {
+        model: string;
+        manufacturer: string;
+        color: string;
+        type: string[];
+        vin: string;
+        vrm: string;
+        returnTime: Date;
+    };
+    quantity: number;
+    available: boolean;
+    currency: string;
+    tradeDate: Date;
+    [key: string]: FieldType;
+    codes: string[];
+    identifiers: string[];
+}
+export declare const createModelInstance: <T extends BasicModelInstance>(model: Model, seed?: number) => T;

package/dist/providers/types/generators/generators.model.d.ts

@@ -0,0 +1,92 @@
+/**
+ * MODEL TYPES
+ * Types used to specify the model
+ */
+export type ModelFieldTypes = "string" | "number" | "string[]" | "number[]" | "boolean" | "enum" | "multienum" | "date" | "time" | "datetime";
+type Base = {
+    id: string;
+    description: string;
+    name: string;
+    listable?: boolean;
+    updatable?: boolean;
+    required?: boolean;
+};
+type Breakpoints = {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+};
+type StringField = {
+    type: "string";
+};
+type StringArrayField = {
+    type: "string[]";
+};
+type NumberField = {
+    type: "number";
+};
+type NumberArrayField = {
+    type: "number[]";
+};
+type BooleanField = {
+    type: "boolean";
+};
+type EnumField = {
+    type: "enum";
+    value: string[];
+};
+type MultiEnumField = {
+    type: "multienum";
+    value: string[];
+};
+type DateField = {
+    type: "date";
+    format: string;
+    default: Date;
+};
+type TimeField = {
+    type: "time";
+    format: string;
+    default: Date;
+};
+type DatetimeField = {
+    type: "datetime";
+    format: string;
+    default: Date;
+};
+type SingleFields = StringField | NumberField | StringArrayField | NumberArrayField | BooleanField | EnumField | MultiEnumField | DateField | TimeField | DatetimeField;
+export type GroupField = {
+    type: "group";
+    value: (Base & Breakpoints & SingleFields)[];
+} & Base;
+export type ArrayGroupField = {
+    type: "group[]";
+    value: (Base & Breakpoints & SingleFields)[];
+} & Base;
+type Fields = SingleFields | GroupField | ArrayGroupField;
+export type ModelField = Base & Breakpoints & Fields;
+export type Model = {
+    fields: ModelField[];
+};
+/**
+ * INSTANCE TYPES
+ * Types used to represent an instance of a model specification
+ */
+export type BaseFieldType = string | number | boolean | Date;
+export type ArrayFieldType = string[] | number[];
+export type SingleFieldType = BaseFieldType | ArrayFieldType;
+export type GroupInstanceType = {
+    [key: string]: SingleFieldType;
+};
+export type ArrayInstanceType = {
+    [key: string]: SingleFieldType;
+}[];
+export type FieldType = SingleFieldType | GroupInstanceType;
+export interface BasicModelInstance {
+    id: string;
+    [key: string]: FieldType;
+}
+export declare const newInstanceFromValuesOrZeroValue: <T extends BasicModelInstance>(model: Model, values?: T | undefined) => T;
+export {};

package/dist/providers/types/generators/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./object-details";
+export * from "./model-router";
+export * from "./generators.model";
+export * from "./model-form";
+export * from "./table-list";

package/dist/providers/types/generators/model-form/index.d.ts

@@ -0,0 +1 @@
+export * from "./model-form";

package/dist/providers/types/generators/model-form/model-form-field.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ModelField } from "../generators.model";
+export interface ModelFormField {
+    field: ModelField;
+    update: boolean;
+    dense?: boolean;
+    path?: string[];
+    value: any;
+    onChangeValue: (path: string[], value: any) => void;
+}
+export declare const ModelFormField: ({ field, path, value, dense, update, onChangeValue, }: ModelFormField) => React.JSX.Element | null;

package/dist/providers/types/generators/model-form/model-form.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Model, BasicModelInstance } from "../generators.model";
+export interface ModelFormProps<T extends BasicModelInstance> {
+    model: Model;
+    dense?: boolean;
+    initialValues?: T;
+    saveButtonText: string;
+    onSubmit: (values: T) => void;
+}
+export declare const ModelForm: <T extends BasicModelInstance>({ model, saveButtonText, dense, onSubmit, initialValues, }: ModelFormProps<T>) => React.JSX.Element;

package/dist/providers/types/generators/model-router/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./model-router";
+export * from "./model-router.types";

package/dist/providers/types/generators/model-router/model-router.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { BasicModelInstance } from "../generators.model";
+import { AddScreenProps, DetailsScreenProps, ListScreenProps, UpdateScreenProps } from "./screens";
+export type ModelRouterProps<T extends BasicModelInstance> = DetailsScreenProps<T> & ListScreenProps<T> & AddScreenProps<T> & UpdateScreenProps<T>;
+export declare const ModelRouter: <T extends BasicModelInstance>(props: ModelRouterProps<T>) => React.JSX.Element;

package/dist/providers/types/generators/model-router/model-router.types.d.ts

@@ -0,0 +1,9 @@
+export interface RequestState {
+    idle?: boolean;
+    loading?: boolean;
+    error?: string;
+    success?: boolean;
+}
+export declare const IdleRequest: RequestState;
+export declare const LoadingRequest: RequestState;
+export declare const SuccessRequest: RequestState;

package/dist/providers/types/generators/model-router/screens/add-screen.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { BasicModelInstance } from "../../generators.model";
+import { RequestState } from "../model-router.types";
+import { BaseScreenProps } from "./screens.types";
+export interface AddScreenProps<T extends BasicModelInstance> extends BaseScreenProps {
+    /**
+     * Callback executed when the user wants to
+     * add a new item
+     */
+    onSubmitNewItem: (obj: T) => void;
+    /**
+     * Current status of the request to retrieve
+     * add a new item
+     */
+    newItemRequest: RequestState;
+}
+export declare const AddScreen: <T extends BasicModelInstance>({ model, modelName, basePath, onSubmitNewItem, newItemRequest, }: AddScreenProps<T>) => React.JSX.Element;

package/dist/providers/types/generators/model-router/screens/details-screen.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { RequestState } from "../model-router.types";
+import { BaseScreenProps } from "./screens.types";
+import { BasicModelInstance } from "../../generators.model";
+export interface DetailsScreenProps<T extends BasicModelInstance> extends BaseScreenProps {
+    /**
+     * Callback executed each time we want
+     * the details information of an item
+     */
+    onRequestItem: (id: string) => void;
+    /**
+     * Current status of the request to retrieve
+     * an item
+     */
+    itemRequest: RequestState;
+    /**
+     * Item to be displayed
+     */
+    detailsItem?: T;
+}
+export declare const DetailsScreen: <T extends BasicModelInstance>({ model, modelName, basePath, onRequestItem, itemRequest, detailsItem, }: DetailsScreenProps<T>) => React.JSX.Element;

package/dist/providers/types/generators/model-router/screens/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./update-screen";
+export * from "./list-screen";
+export * from "./add-screen";
+export * from "./details-screen";

package/dist/providers/types/generators/model-router/screens/list-screen.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { BasicModelInstance } from "../../generators.model";
+import { RequestState } from "../model-router.types";
+import { BaseScreenProps } from "./screens.types";
+export interface ListScreenProps<T extends BasicModelInstance> extends BaseScreenProps {
+    /**
+     * Callback executed each time the list screen
+     * requests for a data update
+     */
+    onRequestList: () => void;
+    /**
+     * List of items to be displayed in the list screen
+     */
+    listData: T[];
+    /**
+     * Callback executed when the user clicks an option
+     * to delete an item
+     */
+    onClickDeleteItem: (item: T) => void;
+    /**
+     * Current status of the request to retrieve
+     * the list items
+     */
+    listRequest: RequestState;
+    /**
+     * Current status of the request to delete
+     * an item
+     */
+    deleteRequest: RequestState;
+}
+export declare const ListScreen: <T extends BasicModelInstance>({ model, modelName, listData, listRequest, deleteRequest, basePath, deleteFeature, updateFeature, addFeature, detailsFeature, onRequestList, onClickDeleteItem, }: ListScreenProps<T>) => React.JSX.Element;

package/dist/providers/types/generators/model-router/screens/screens.types.d.ts

@@ -0,0 +1,31 @@
+import { Model } from "../../generators.model";
+export interface BaseScreenProps {
+    /**
+     * UI-friendly string that represents the model
+     */
+    modelName: string;
+    /**
+     * Structure that represents the fields of the model
+     */
+    model: Model;
+    /**
+     * Path to attach before each internal ModelRouter path
+     */
+    basePath?: string;
+    /**
+     * If true delete features are enabled
+     */
+    deleteFeature?: boolean;
+    /**
+     * If true update features are enabled
+     */
+    updateFeature?: boolean;
+    /**
+     * If true add features are enabled
+     */
+    addFeature?: boolean;
+    /**
+     * If true details features are enabled
+     */
+    detailsFeature?: boolean;
+}

package/dist/providers/types/generators/model-router/screens/update-screen.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { BasicModelInstance } from "../../generators.model";
+import { RequestState } from "../model-router.types";
+import { BaseScreenProps } from "./screens.types";
+export interface UpdateScreenProps<T extends BasicModelInstance> extends BaseScreenProps {
+    /**
+     * Callback executed when the user wants to update
+     * an item
+     */
+    onSubmitUpdateItem: (obj: T) => void;
+    /**
+     * Current status of the request to update an item
+     */
+    submitUpdateItemRequest: RequestState;
+    /**
+     * Current status of the request to retrieve
+     * the item to be updated
+     */
+    updateItemRequest: RequestState;
+    /**
+     * Callback executed to retrive the item that
+     * has to going tobe updated
+     */
+    onRequestUpdateItem: (id: string) => void;
+    /**
+     * Item that is going to be updated
+     */
+    updateItem?: T;
+}
+export declare const UpdateScreen: <T extends BasicModelInstance>({ model, modelName, basePath, submitUpdateItemRequest, updateItemRequest, updateItem, onSubmitUpdateItem, onRequestUpdateItem, }: UpdateScreenProps<T>) => React.JSX.Element;

package/dist/providers/types/generators/model-router/stories/templates.d.ts

@@ -0,0 +1,21 @@
+import { MockInstance } from "../../generators.mock";
+export declare const onRequestListAction: import("@storybook/addon-actions").HandlerFunction;
+export declare const onSubmitNewItemAction: import("@storybook/addon-actions").HandlerFunction;
+export declare const onRequestItem: import("@storybook/addon-actions").HandlerFunction;
+export declare const onRequestUpdateItemAction: import("@storybook/addon-actions").HandlerFunction;
+export declare const onSubmitUpdateAction: import("@storybook/addon-actions").HandlerFunction;
+export declare const onRequestDeleteAction: import("@storybook/addon-actions").HandlerFunction;
+export declare const REQUEST_TIMEOUT = 2000;
+export declare const item1: MockInstance;
+export declare const data: MockInstance[];
+export declare const baseArgs: {
+    modelName: string;
+    model: import("../..").Model;
+    listData: MockInstance[];
+    listRequest: import("../model-router.types").RequestState;
+    deleteRequest: import("../model-router.types").RequestState;
+    newItemRequest: import("../model-router.types").RequestState;
+    updateItemRequest: import("../model-router.types").RequestState;
+    submitUpdateItemRequest: import("../model-router.types").RequestState;
+    itemRequest: import("../model-router.types").RequestState;
+};

package/dist/providers/types/generators/object-details/index.d.ts

@@ -0,0 +1 @@
+export * from "./object-details";

package/dist/providers/types/generators/object-details/object-details.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Model, BasicModelInstance } from "../generators.model";
+export interface ObjectDetailsProps<T extends BasicModelInstance> {
+    model: Model;
+    dense?: boolean;
+    instance: T;
+}
+export declare const ObjectDetails: <T extends BasicModelInstance>({ model, instance, dense, }: ObjectDetailsProps<T>) => React.JSX.Element;

package/dist/providers/types/generators/table-list/index.d.ts

@@ -0,0 +1 @@
+export * from "./table-list";

package/dist/providers/types/generators/table-list/table-list.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { HeadCell, Order } from "../../components/tables/enhanced-table";
+import { BasicModelInstance } from "../generators.model";
+export interface TableRowOption<T extends BasicModelInstance> {
+    id: string;
+    label: string;
+    onClick: (item: T) => void;
+}
+export interface TableListProps<T extends BasicModelInstance> {
+    columns: HeadCell<T>[];
+    data: T[];
+    search?: boolean;
+    defaultSort: string;
+    defaultOrder?: Order;
+    loading?: boolean;
+    options?: TableRowOption<T>[];
+    onClick?: (d: T) => void;
+}
+export declare const TableList: <T extends BasicModelInstance>({ columns: columnsProp, options, data, onClick, search, defaultSort, defaultOrder, loading, }: TableListProps<T>) => React.JSX.Element;

package/dist/providers/types/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from "./routing";

package/dist/providers/types/hooks/routing/index.d.ts

@@ -0,0 +1 @@
+export * from "./routing.hooks";

package/dist/providers/types/hooks/routing/routing.hooks.d.ts

@@ -0,0 +1,5 @@
+export interface NavigateWhenValueChangesOptions<T> {
+    from: T;
+    to: T;
+}
+export declare const useNavigateWhenValueChanges: <T>(path: string, value: T | undefined, { from, to }: NavigateWhenValueChangesOptions<T>) => void;

package/dist/providers/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./components";
+export * from "./utils";
+export * from "./layouts";
+export * from "./generators";
+export * from "./providers";

package/dist/providers/types/layouts/drawer-layout/drawer-layout.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+import { DrawerAppBarElement, DrawerElement } from "../../components/drawers";
+import { DrawerProviderProps } from "../../components/drawers/drawer-provider/drawer.provider";
+export interface DrawerLayoutProps {
+    drawerProviderProps?: DrawerProviderProps;
+    children: [DrawerElement, DrawerAppBarElement, ReactNode];
+}
+export declare const DrawerLayout: ({ drawerProviderProps, children: childrenProps, }: DrawerLayoutProps) => React.JSX.Element;

package/dist/providers/types/layouts/drawer-layout/index.d.ts

@@ -0,0 +1 @@
+export * from "./drawer-layout";

package/dist/providers/types/layouts/header-layout/header-layout.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ContentElement, HeaderElement, PlaceholderIcon } from "../../components";
+export interface HeaderLayoutError {
+    icon?: PlaceholderIcon;
+    title?: string;
+    message: string;
+}
+export interface HeaderLayoutProps {
+    loading?: boolean;
+    fetching?: boolean;
+    error?: HeaderLayoutError;
+    children: [HeaderElement, ContentElement];
+}
+export declare const HeaderLayout: ({ loading, children, fetching, error }: HeaderLayoutProps) => React.JSX.Element;

package/dist/providers/types/layouts/header-layout/index.d.ts

@@ -0,0 +1 @@
+export * from "./header-layout";

package/dist/providers/types/layouts/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./drawer-layout";
+export * from "./header-layout";

package/dist/providers/types/providers/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./notification-center";
+export * from "./tab-provider";

package/dist/providers/types/providers/notification-center/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./notification-center.provider";
+export * from "./notification-center.context";
+export * from "./notification-center.hooks";

package/dist/providers/types/providers/notification-center/notification-center.context.d.ts

@@ -0,0 +1,14 @@
+import { AlertColor } from "@mui/material";
+import React from "react";
+export declare const NotificationCenterProviderUndefinedError: Error;
+export interface Notification {
+    severity: AlertColor;
+    title?: string;
+    message: string;
+}
+export interface NotificationCenterProps {
+    show(notification: Notification): void;
+    hide(): void;
+}
+export declare const NotificationCenterContext: React.Context<NotificationCenterProps | undefined>;
+export declare const useNotificationCenter: () => NotificationCenterProps;

package/dist/providers/types/providers/notification-center/notification-center.hooks.d.ts

@@ -0,0 +1,6 @@
+import { Notification } from "./notification-center.context";
+export interface NotifyWhenValueChangesOptions<T> {
+    from: T;
+    to: T;
+}
+export declare const useNotifyWhenValueChanges: <T>(notification: Notification, value: T | undefined, { from, to }: NotifyWhenValueChangesOptions<T>) => void;

package/dist/providers/types/providers/notification-center/notification-center.provider.d.ts

@@ -0,0 +1,5 @@
+import React, { PropsWithChildren } from "react";
+export type NotificationCenterProviderProps = PropsWithChildren<{
+    autoHideDuration?: number;
+}>;
+export declare const NotificationCenterProvider: ({ children, autoHideDuration, }: NotificationCenterProviderProps) => React.JSX.Element;

package/dist/providers/types/providers/tab-provider/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./tab-provider.context";
+export * from "./tab-provider.provider";

package/dist/providers/types/providers/tab-provider/tab-provider.context.d.ts

@@ -0,0 +1,4 @@
+import { Dispatch, SetStateAction } from "react";
+export declare const TabContext: import("react").Context<[number, Dispatch<SetStateAction<number>>]>;
+export declare const TabContextProvider: import("react").Provider<[number, Dispatch<SetStateAction<number>>]>;
+export declare const useTab: () => [number, Dispatch<SetStateAction<number>>];

package/dist/providers/types/providers/tab-provider/tab-provider.provider.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { PropsWithChildren } from "react";
+type TabProviderProps = PropsWithChildren<{
+    initialValue?: number;
+}>;
+export declare const TabProvider: ({ children, initialValue }: TabProviderProps) => React.JSX.Element;
+export {};

package/dist/providers/types/utils/arrays.d.ts

@@ -0,0 +1,5 @@
+export declare const newArrayWithSize: <T>(size: number, fillValue: T) => any;
+export declare const getRandomItem: <T>(items: T[]) => {
+    index: number;
+    item: T;
+};

package/dist/providers/types/utils/breakpoints.d.ts

@@ -0,0 +1,13 @@
+import { ResponsiveStyleValue } from "@mui/system";
+interface Breakpoints {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+}
+interface BreakpointsCounter extends Breakpoints {
+    increment(breakpoints: Partial<Breakpoints>): ResponsiveStyleValue<boolean>;
+}
+export declare const newBreakpointsCounter: (breakpoint?: number) => BreakpointsCounter;
+export {};

package/dist/providers/types/utils/forms.d.ts

@@ -0,0 +1,2 @@
+import { FormEvent } from "react";
+export declare const getFormData: <T>(e: FormEvent<HTMLFormElement>) => T;

package/dist/providers/types/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./arrays";
+export * from "./theme";
+export * from "./breakpoints";
+export * from "./forms";

package/dist/providers/types/utils/theme.d.ts

@@ -0,0 +1,7 @@
+import { Color } from "@mui/material";
+type KeyColor = keyof Color;
+export declare const useGetDefaultThemeColor: ({ lightWeight, darkWeight, }?: {
+    lightWeight?: keyof Color | undefined;
+    darkWeight?: keyof Color | undefined;
+}) => string;
+export {};

package/dist/types/components/alerts/expandable-alert/expandable-alert.d.ts

@@ -0,0 +1,14 @@
+import { AlertColor, SxProps, Theme } from "@mui/material";
+import { ReactElement } from "react";
+import React from "react";
+export interface ExpandableAlertProps {
+    severity: AlertColor;
+    iconMapping?: Partial<Record<AlertColor, React.ReactNode>>;
+    title?: string;
+    message: string;
+    metadata?: string | string[];
+    metadataComponent?: ReactElement;
+    onClose: () => void;
+    sx?: SxProps<Theme>;
+}
+export declare const ExpandableAlert: React.ForwardRefExoticComponent<ExpandableAlertProps & React.RefAttributes<any>>;

package/dist/types/components/alerts/expandable-alert/index.d.ts

@@ -0,0 +1 @@
+export * from "./expandable-alert";

package/dist/types/components/alerts/index.d.ts

@@ -0,0 +1 @@
+export * from "./expandable-alert";