@hellobetterdigitalnz/betterui 0.0.3-33 → 0.0.3-331

package/dist/Components/DataDisplay/Tab/TabProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface TabProps {
     children: ReactNode;
     extraClass?: string;

package/dist/Components/DataDisplay/Table/Table.d.ts

@@ -1,3 +1,4 @@
-import TableProps from "./TableProps";
+import { default as TableProps } from './TableProps';
+
 declare const Table: (props: TableProps) => import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/Components/DataDisplay/Table/TableBody.d.ts

@@ -1,3 +1,4 @@
-import TableBodyProps from "./TableBodyProps";
+import { default as TableBodyProps } from './TableBodyProps';
+
 declare const TableBody: (props: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
 export default TableBody;

package/dist/Components/DataDisplay/Table/TableBodyProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface TableBodyProps {
     children: ReactNode;
     extraClass?: string;

package/dist/Components/DataDisplay/Table/TableCell.d.ts

@@ -1,3 +1,4 @@
-import TableCellProps from "./TableCellProps";
+import { default as TableCellProps } from './TableCellProps';
+
 declare const TableCell: (props: TableCellProps) => import("react/jsx-runtime").JSX.Element;
 export default TableCell;

package/dist/Components/DataDisplay/Table/TableCellAction.d.ts

@@ -1,3 +1,4 @@
-import TableCellActionProps from "./TableCellActionProps";
+import { default as TableCellActionProps } from './TableCellActionProps';
+
 declare const TableCellActions: (props: TableCellActionProps) => import("react/jsx-runtime").JSX.Element;
 export default TableCellActions;

package/dist/Components/DataDisplay/Table/TableCellActionProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface TableCellActionProps {
     children: ReactNode;
     align?: "left" | "center" | "right";

package/dist/Components/DataDisplay/Table/TableCellProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface TableCellProps {
     children?: ReactNode;
     align?: "left" | "center" | "right";

package/dist/Components/DataDisplay/Table/TableCellWithDesc.d.ts

@@ -1,3 +1,4 @@
-import TableCellWithDescProps from "./TableCellWithDescProps";
+import { default as TableCellWithDescProps } from './TableCellWithDescProps';
+
 declare const TableCellWithDesc: (props: TableCellWithDescProps) => import("react/jsx-runtime").JSX.Element;
 export default TableCellWithDesc;

package/dist/Components/DataDisplay/Table/TableCellWithImage.d.ts

@@ -1,3 +1,4 @@
-import TableCellWithImageProps from "./TableCellWithImageProps";
+import { default as TableCellWithImageProps } from './TableCellWithImageProps';
+
 declare const TableCellWithImage: (props: TableCellWithImageProps) => import("react/jsx-runtime").JSX.Element;
 export default TableCellWithImage;

package/dist/Components/DataDisplay/Table/TableFooter.d.ts

@@ -1,2 +1,4 @@
-declare const TableFooter: () => void;
+import { default as TableFooterProps } from './TableFooterProps.tsx';
+
+declare const TableFooter: (props: TableFooterProps) => import("react/jsx-runtime").JSX.Element;
 export default TableFooter;

package/dist/Components/DataDisplay/Table/TableFooterProps.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+interface TableFooterProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TableFooterProps;

package/dist/Components/DataDisplay/Table/TableHead.d.ts

@@ -1,3 +1,4 @@
-import TableHeadProps from "./TableHeadProps";
+import { default as TableHeadProps } from './TableHeadProps';
+
 declare const TableHead: (props: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
 export default TableHead;

package/dist/Components/DataDisplay/Table/TableHeadProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface TableHeadProps {
     children: ReactNode;
     extraClass?: string;

package/dist/Components/DataDisplay/Table/TableHeaderCell.d.ts

@@ -1,3 +1,4 @@
-import TableHeaderCellProps from "./TableHeaderCellProps";
+import { default as TableHeaderCellProps } from './TableHeaderCellProps';
+
 declare const TableHeaderCell: (props: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;
 export default TableHeaderCell;

package/dist/Components/DataDisplay/Table/TableHeaderCellProps.d.ts

@@ -1,8 +1,10 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface TableHeaderCellProps {
     children?: ReactNode;
     extraClass?: string;
     rowspan?: number;
     colspan?: number;
+    onClick?: () => void;
 }
 export default TableHeaderCellProps;

package/dist/Components/DataDisplay/Table/TableProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface TableProps {
     children: ReactNode;
     extraClass?: string;

package/dist/Components/DataDisplay/Table/TableRow.d.ts

@@ -1,3 +1,4 @@
-import TableRowProps from "./TableRowProps";
+import { default as TableRowProps } from './TableRowProps';
+
 declare const TableRow: (props: TableRowProps) => import("react/jsx-runtime").JSX.Element;
 export default TableRow;

package/dist/Components/DataDisplay/Table/TableRowProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface TableRowProps {
     children: ReactNode;
     extraClass?: string;

package/dist/Components/DataDisplay/index.d.ts

@@ -32,10 +32,10 @@ export type { default as NotificationsBellProps } from './NotificationsBell/Noti
 export { default as Notification } from './NotificationsPanel/Notification';
 export { default as NotificationsGroup } from './NotificationsPanel/NotificationsGroup';
 export { default as NotificationsGroups } from './NotificationsPanel/NotificationsGroups';
+export { default as NotificationsPanel } from './NotificationsPanel/NotificationsPanel';
+export { default as NotificationsHeader } from './NotificationsPanel/NotificationsHeader';
+export { default as NotificationsNone } from './NotificationsPanel/NotificationsNone';
 export type { default as NotificationProps } from './NotificationsPanel/NotificationProps';
-export type { default as NotificationsHeader } from './NotificationsPanel/NotificationsHeader';
-export type { default as NotificationsNone } from './NotificationsPanel/NotificationsNone';
-export type { default as NotificationsPanel } from './NotificationsPanel/NotificationsPanel';
 export type { default as NotificationsGroupProps } from './NotificationsPanel/NotificationsGroupProps';
 export type { default as NotificationsGroupsProps } from './NotificationsPanel/NotificationsGroupsProps';
 export type { default as NotificationsHeaderProps } from './NotificationsPanel/NotificationsHeaderProps';
@@ -71,3 +71,6 @@ export type { default as TableHeaderCellProps } from './Table/TableHeaderCellPro
 export type { default as TableHeadProps } from './Table/TableHeadProps';
 export type { default as TableProps } from './Table/TableProps';
 export type { default as TableRowProps } from './Table/TableRowProps';
+export { default as CalendarView } from './Calendar/Calendar.tsx';
+export type { default as CalendarProps } from './Calendar/CalendarProps.tsx';
+export { default as GanttChart } from './GanttChart/GanttChart.tsx';

package/dist/Components/Form/Button/Button.d.ts

@@ -1,4 +1,5 @@
-import ButtonProps from "./ButtonProps";
+import { default as ButtonProps } from './ButtonProps';
+
 /**
  * Primary UI component for user interaction
  */

package/dist/Components/Form/Button/ButtonProps.d.ts

@@ -1,12 +1,16 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface ButtonProps {
     type?: "button" | "submit" | "reset";
     size?: "default" | "large" | "small";
     style?: "solid" | "hollow" | "no-border";
     scheme?: "primary" | "secondary" | "gray";
+    extraClass?: string;
     disabled?: boolean;
     primaryIcon?: ReactNode;
     secondaryIcon?: ReactNode;
+    loading?: boolean;
+    bilingualTitle?: string;
     label: string;
     onClick?: () => void;
     onHover?: () => void;

package/dist/Components/Form/Checkbox/Checkbox.d.ts

@@ -1,3 +1,4 @@
-import CheckboxProps from "./CheckboxProps";
+import { default as CheckboxProps } from './CheckboxProps';
+
 declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/dist/Components/Form/Checkbox/CheckboxProps.d.ts

@@ -1,4 +1,5 @@
-import { FocusEvent, MouseEvent } from "react";
+import { ChangeEvent, FocusEvent, MouseEvent } from 'react';
+
 interface CheckboxProps {
     label?: string;
     name?: string;
@@ -14,7 +15,8 @@ interface CheckboxProps {
     ariaLabel?: string;
     ariaLabeledby?: string;
     ariaDescribedby?: string;
-    onChange?: (e: MouseEvent, checked?: boolean) => void;
+    onClick?: (e: MouseEvent, checked?: boolean) => void;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     onFocus?: (e: FocusEvent) => void;
     onBlur?: (e: FocusEvent) => void;
 }

package/dist/Components/Form/CheckboxSet/CheckboxSet.d.ts

@@ -1,3 +1,4 @@
-import CheckboxSetProps from "./CheckboxSetProps";
+import { default as CheckboxSetProps } from './CheckboxSetProps';
+
 declare const CheckboxSet: (props: CheckboxSetProps) => import("react/jsx-runtime").JSX.Element;
 export default CheckboxSet;

package/dist/Components/Form/CheckboxSet/CheckboxSetItem.d.ts

@@ -1,3 +1,4 @@
-import CheckboxProps from "../Checkbox/CheckboxProps";
+import { default as CheckboxProps } from '../Checkbox/CheckboxProps';
+
 declare const CheckboxSetItem: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default CheckboxSetItem;

package/dist/Components/Form/CheckboxSet/CheckboxSetProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface CheckboxSetProps {
     children: ReactNode;
     error?: boolean;

package/dist/Components/Form/CurrencyField/CurrencyField.d.ts

@@ -1,3 +1,4 @@
-import CurrencyFieldProps from "./CurrencyFieldProps";
+import { default as CurrencyFieldProps } from './CurrencyFieldProps';
+
 declare const CurrencyField: (props: CurrencyFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default CurrencyField;

package/dist/Components/Form/CurrencyField/CurrencyFieldProps.d.ts

@@ -1,6 +1,8 @@
-import { ReactNode } from "react";
-import InputProps from "../InputProps";
+import { ReactNode } from 'react';
+import { default as InputProps } from '../InputProps';
+
 interface CurrencyFieldProps extends InputProps {
     currencyIcon?: ReactNode;
+    value?: string | number | any;
 }
 export default CurrencyFieldProps;

package/dist/Components/Form/DateField/DateField.d.ts

@@ -1,3 +1,4 @@
-import InputProps from "../InputProps";
+import { default as InputProps } from '../InputProps';
+
 declare const DateField: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
 export default DateField;

package/dist/Components/Form/DropdownBadge/DropdownBadge.d.ts

@@ -1,3 +1,4 @@
-import DropdownBadgeProps from "./DropdownBadgeProps";
+import { default as DropdownBadgeProps } from './DropdownBadgeProps';
+
 declare const DropdownBadge: (props: DropdownBadgeProps) => import("react/jsx-runtime").JSX.Element;
 export default DropdownBadge;

package/dist/Components/Form/DropdownBadge/DropdownBadgeItem.d.ts

@@ -1,3 +1,4 @@
-import DropdownBadgeItemProps from "./DropdownBadgeItemProps";
+import { default as DropdownBadgeItemProps } from './DropdownBadgeItemProps';
+
 declare const DropdownBadgeItem: (props: DropdownBadgeItemProps) => import("react/jsx-runtime").JSX.Element;
 export default DropdownBadgeItem;

package/dist/Components/Form/DropdownBadge/DropdownBadgeItemProps.d.ts

@@ -1,8 +1,10 @@
-import { MouseEvent } from "react";
+import { MouseEvent } from 'react';
+
 interface DropdownBadgeItemProps {
     label: string;
     value: string | number;
-    status?: "pending" | "inProgress" | "complete";
+    status?: "draft" | "pending" | "inProgress" | "complete" | "custom";
+    extraClass?: string;
     handleSelect: (e: MouseEvent, value: string | number) => void;
 }
 export default DropdownBadgeItemProps;

package/dist/Components/Form/DropdownBadge/DropdownBadgeProps.d.ts

@@ -1,7 +1,8 @@
-import { MouseEvent, FocusEvent } from "react";
+import { MouseEvent, FocusEvent } from 'react';
+
 interface BadgeNameValueInterface {
     label: string;
-    status?: "pending" | "inProgress" | "complete" | undefined;
+    status?: "draft" | "pending" | "inProgress" | "complete" | "custom" | undefined;
     value: string | number;
 }
 interface DropdownBadgeProps {
@@ -9,8 +10,11 @@ interface DropdownBadgeProps {
     id?: string;
     value?: string;
     options: (BadgeNameValueInterface | string)[];
-    status?: "pending" | "inProgress" | "complete" | undefined;
+    status?: "draft" | "pending" | "inProgress" | "complete" | "custom" | undefined;
+    lock?: boolean;
+    loading?: boolean;
     extraClass?: string;
+    extraClassDropdown?: string;
     disabled?: boolean;
     readonly?: boolean;
     autoComplete?: boolean;
@@ -19,7 +23,7 @@ interface DropdownBadgeProps {
     ariaLabeledby?: string;
     ariaDescribedby?: string;
     onClick?: (e: MouseEvent) => void;
-    onChange?: (e: MouseEvent) => void;
+    onChange?: (e: React.MouseEvent, value: string | number) => void;
     onFocus?: (e: FocusEvent) => void;
     onBlur?: (e: FocusEvent) => void;
 }

package/dist/Components/Form/DropdownBadge/DropdownBadgeSelector.d.ts

@@ -1,3 +1,5 @@
-import DropdownBadgeSelectorProps from "./DropdownBadgeSelectorProps";
-declare const DropdownBadgeSelector: (props: DropdownBadgeSelectorProps) => import("react/jsx-runtime").JSX.Element;
+import { default as DropdownBadgeSelectorProps } from './DropdownBadgeSelectorProps';
+import { default as React } from 'react';
+
+declare const DropdownBadgeSelector: React.ForwardRefExoticComponent<Omit<DropdownBadgeSelectorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default DropdownBadgeSelector;

package/dist/Components/Form/DropdownBadge/DropdownBadgeSelectorProps.d.ts

@@ -1,5 +1,9 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface DropdownBadgeSelectorProps {
     children: ReactNode;
+    extraClassDropdown?: string;
+    style?: any;
+    ref?: React.Ref<any>;
 }
 export default DropdownBadgeSelectorProps;

package/dist/Components/Form/DropdownField/CountryDropdownField/CountryDropdownField.d.ts

@@ -0,0 +1,4 @@
+import { default as CountryDropdownFieldProps } from './CountryDropdownFieldProps.tsx';
+
+declare const CountryDropdownField: (props: CountryDropdownFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default CountryDropdownField;

package/dist/Components/Form/DropdownField/CountryDropdownField/CountryDropdownFieldProps.d.ts

@@ -0,0 +1,29 @@
+import { FocusEvent, MouseEvent } from 'react';
+
+interface CountryDropdownFieldProps {
+    name?: string;
+    id?: string;
+    value?: string;
+    extraClass?: string;
+    placeholder?: string;
+    emptyString?: string;
+    commentInDropdown?: string;
+    error?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    autoComplete?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    required?: boolean;
+    ariaLabel?: string;
+    ariaLabeledby?: string;
+    ariaDescribedby?: string;
+    onClick?: (e: MouseEvent) => void;
+    onChange?: (e: React.MouseEvent, value: string | number | undefined | null | boolean) => void;
+    onFocus?: (e: FocusEvent) => void;
+    onBlur?: (e: FocusEvent) => void;
+    loading?: boolean;
+    allows?: string[];
+    denys?: string[];
+}
+export default CountryDropdownFieldProps;

package/dist/Components/Form/DropdownField/DropdownField.d.ts

@@ -1,3 +1,4 @@
-import DropdownFieldProps from "./DropdownFieldProps";
+import { default as DropdownFieldProps } from './DropdownFieldProps';
+
 declare const DropdownField: (props: DropdownFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default DropdownField;

package/dist/Components/Form/DropdownField/DropdownFieldItem.d.ts

@@ -1,3 +1,4 @@
-import DropdownFieldItemProps from "./DropdownFieldItemProps";
+import { default as DropdownFieldItemProps } from './DropdownFieldItemProps';
+
 declare const DropdownFieldItem: (props: DropdownFieldItemProps) => import("react/jsx-runtime").JSX.Element;
 export default DropdownFieldItem;

package/dist/Components/Form/DropdownField/DropdownFieldItemProps.d.ts

@@ -1,7 +1,9 @@
-import { MouseEvent } from "react";
+import { MouseEvent, ReactNode } from 'react';
+
 interface DropdownFieldItemProps {
     label: string;
-    value: string | number;
-    handleSelect: (e: MouseEvent, value: string | number) => void;
+    value: string | number | undefined | null | boolean;
+    icon?: ReactNode;
+    handleSelect: (e: MouseEvent, value: string | number | undefined | null | boolean) => void;
 }
 export default DropdownFieldItemProps;

package/dist/Components/Form/DropdownField/DropdownFieldProps.d.ts

@@ -1,7 +1,9 @@
-import { MouseEvent, FocusEvent } from "react";
+import { MouseEvent, FocusEvent, ReactNode } from 'react';
+
 interface NameValueInterface {
     label: string;
-    value: string | number;
+    value: string | number | undefined | null | boolean;
+    icon?: ReactNode;
 }
 interface DropdownFieldProps {
     name?: string;
@@ -10,6 +12,8 @@ interface DropdownFieldProps {
     options: NameValueInterface[] | string[];
     extraClass?: string;
     placeholder?: string;
+    emptyString?: string;
+    commentInDropdown?: string;
     error?: boolean;
     disabled?: boolean;
     readonly?: boolean;
@@ -21,9 +25,10 @@ interface DropdownFieldProps {
     ariaLabeledby?: string;
     ariaDescribedby?: string;
     onClick?: (e: MouseEvent) => void;
-    onChange?: (e: MouseEvent) => void;
+    onChange?: (e: React.MouseEvent, value: string | number | undefined | null | boolean) => void;
     onFocus?: (e: FocusEvent) => void;
     onBlur?: (e: FocusEvent) => void;
+    loading?: boolean;
 }
 export type { NameValueInterface };
 export default DropdownFieldProps;

package/dist/Components/Form/DropdownField/DropdownFieldSelector.d.ts

@@ -1,3 +1,5 @@
-import DropdownFieldSelectorProps from "./DropdownFieldSelectorProps";
-declare const DropdownFieldSelector: (props: DropdownFieldSelectorProps) => import("react/jsx-runtime").JSX.Element;
+import { default as DropdownFieldSelectorProps } from './DropdownFieldSelectorProps';
+import { default as React } from 'react';
+
+declare const DropdownFieldSelector: React.ForwardRefExoticComponent<DropdownFieldSelectorProps & React.RefAttributes<HTMLDivElement>>;
 export default DropdownFieldSelector;

package/dist/Components/Form/DropdownField/DropdownFieldSelectorProps.d.ts

@@ -1,5 +1,7 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface DropdownFieldSelectorProps {
     children: ReactNode;
+    style?: any;
 }
 export default DropdownFieldSelectorProps;

package/dist/Components/Form/EmailField/EmailField.d.ts

@@ -1,3 +1,4 @@
-import InputProps from "../InputProps";
+import { default as InputProps } from '../InputProps';
+
 declare const EmailField: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
 export default EmailField;

package/dist/Components/Form/EmailField/EmailField.stories.d.ts

@@ -1,8 +1,9 @@
-import type { StoryObj } from '@storybook/react';
-import EmailField from './EmailField.tsx';
+import { StoryObj } from '@storybook/react';
+import { default as EmailField } from './EmailField.tsx';
+
 declare const meta: {
     title: string;
-    component: (props: import("../InputProps.tsx").default) => import("react/jsx-runtime").JSX.Element;
+    component: (props: import('../InputProps.tsx').default) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/Components/Form/FormFieldHolder/FormFieldHolder.d.ts

@@ -1,3 +1,4 @@
-import FormFieldHolderProps from "./FormFieldHolderProps";
+import { default as FormFieldHolderProps } from './FormFieldHolderProps';
+
 declare const FormFieldHolder: (props: FormFieldHolderProps) => import("react/jsx-runtime").JSX.Element;
 export default FormFieldHolder;

package/dist/Components/Form/FormFieldHolder/FormFieldHolderProps.d.ts

@@ -1,10 +1,14 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface FormFieldHolderProps {
-    label?: string;
+    label?: string | any;
+    bilingualLabel?: string;
     description?: string | ReactNode;
     extraClass?: string;
     error?: boolean;
     children: ReactNode;
     icon?: ReactNode;
+    require?: boolean;
+    optional?: boolean;
 }
 export default FormFieldHolderProps;

package/dist/Components/Form/IconButton/IconButton.d.ts

@@ -1,4 +1,5 @@
-import IconButtonProps from "./IconButtonProps";
+import { default as IconButtonProps } from './IconButtonProps';
+
 /**
  * Primary UI component for user interaction
  */

package/dist/Components/Form/IconButton/IconButtonProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface IconButtonProps {
     type?: "button" | "submit" | "reset";
     size?: "default" | "large" | "small";
@@ -6,6 +7,7 @@ interface IconButtonProps {
     scheme?: "primary" | "secondary" | "gray";
     disabled?: boolean;
     icon?: ReactNode;
+    loading?: boolean;
     onClick?: () => void;
     onHover?: () => void;
     onFocus?: () => void;

package/dist/Components/Form/InputProps.d.ts

@@ -1,8 +1,9 @@
-import { FocusEvent, ChangeEvent, MouseEvent } from "react";
+import { FocusEvent, ChangeEvent, MouseEvent, KeyboardEvent } from 'react';
+
 interface InputProps {
     name?: string;
     id?: string;
-    value?: string;
+    value?: string | number | bigint | any;
     extraClass?: string;
     placeholder?: string;
     error?: boolean;
@@ -11,6 +12,8 @@ interface InputProps {
     autoComplete?: boolean;
     required?: boolean;
     ariaLabel?: string;
+    min?: string;
+    max?: string;
     minLength?: number;
     maxLength?: number;
     ariaLabeledby?: string;
@@ -19,5 +22,7 @@ interface InputProps {
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     onFocus?: (e: FocusEvent) => void;
     onBlur?: (e: FocusEvent) => void;
+    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    loading?: boolean;
 }
 export default InputProps;

package/dist/Components/Form/LoadingInput/LoadingInput.d.ts

@@ -0,0 +1,2 @@
+declare const LoadingInput: () => import("react/jsx-runtime").JSX.Element;
+export default LoadingInput;

package/dist/Components/Form/MultiSelectField/MultiSelectField.d.ts

@@ -1,9 +1,5 @@
-import React from 'react';
-interface Item {
-    id: number;
-    label: string;
-}
-declare const MultiSelectField: React.FC<{
-    options: Item[];
-}>;
+import { default as React } from 'react';
+import { default as MultiSelectFieldProps } from './MultiSelectFieldProps';
+
+declare const MultiSelectField: React.FC<MultiSelectFieldProps>;
 export default MultiSelectField;

package/dist/Components/Form/MultiSelectField/MultiSelectFieldItem.d.ts

@@ -1,11 +1,4 @@
-/// <reference types="react" />
-interface MultiSelectFieldItemProps {
-    item: {
-        id: number;
-        label: string;
-    };
-    onClick: () => void;
-    isSelected: boolean;
-}
-declare const MultiSelectFieldItem: React.FC<MultiSelectFieldItemProps>;
+import { default as MultiSelectFieldItemProps } from './MultiSelectFieldItemProps.tsx';
+
+declare const MultiSelectFieldItem: (props: MultiSelectFieldItemProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelectFieldItem;

package/dist/Components/Form/MultiSelectField/MultiSelectFieldItemProps.d.ts

@@ -0,0 +1,11 @@
+interface MultiSelectFieldItemProps {
+    id?: number | string | undefined;
+    label?: string;
+    value?: string | number;
+    handleSelect: (e: React.MouseEvent, value: string | number | undefined) => void;
+    onMouseEnter?: () => void;
+    isSelected?: boolean;
+    isHighlighted?: boolean;
+    disable?: boolean;
+}
+export default MultiSelectFieldItemProps;