@hellobetterdigitalnz/betterui 0.0.3-23 → 0.0.3-231

package/dist/Components/BetterUIProvider/BetterUIContext.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
+import { ReactNode } from "react";
 interface BetterUIContextType {
-    curtain: boolean;
-    modal?: React.ReactNode;
+    modalStack: ReactNode[];
     openModal: (modal: React.ReactNode) => void;
     closeModal: () => void;
-    setCurtain: (value: boolean) => void;
+    closeAllModals: () => void;
 }
 declare const BetterUIContext: import("react").Context<BetterUIContextType>;
 export default BetterUIContext;

package/dist/Components/DataDisplay/Accordion/AccordionItemProps.d.ts

@@ -7,5 +7,7 @@ interface AccordionItemProps {
     onAfterClosed?: () => void;
     onBeforeClosed?: () => boolean;
     extraClass?: string;
+    accordionClass?: string;
+    icon?: ReactNode;
 }
 export default AccordionItemProps;

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

@@ -1,3 +1,3 @@
-import BadgeProps from "./BadgeProps.tsx";
+import BadgeProps from "./BadgeProps";
 declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 export default Badge;

package/dist/Components/DataDisplay/Badge/BadgeProps.d.ts

@@ -1,5 +1,6 @@
 interface BadgeProps {
-    status?: "pending" | "inProgress" | "complete";
+    status?: "pending" | "inProgress" | "complete" | 'draft' | "custom";
     label: string;
+    onClick?: () => void;
 }
 export default BadgeProps;

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

@@ -0,0 +1,3 @@
+import CalendarProps from "./CalendarProps.tsx";
+declare const Calendar: (props: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+export default Calendar;

package/dist/Components/DataDisplay/Calendar/CalendarProps.d.ts

@@ -0,0 +1,38 @@
+interface NameValueInterface {
+    label: string;
+    type?: "primary" | "secondary" | undefined;
+    color?: string;
+    startTime?: any;
+    timeDuration?: number;
+    content?: {
+        __html: any;
+    } | {
+        __jsx: any;
+    } | {
+        __tsx: any;
+    };
+    bufferTime?: {
+        preBuffer: number;
+        postBuffer: number;
+    };
+}
+interface NameValueHolidayInterface {
+    label: string;
+    startDate?: any;
+    endDate?: any;
+}
+interface CalendarProps {
+    startOfWeekOn?: "Monday" | "Sunday";
+    events: NameValueInterface[] | any;
+    holidays?: NameValueHolidayInterface[] | any;
+    currentDate?: any;
+    showPrepTime?: boolean;
+    viewChangeAction?: boolean;
+    calendarViewActive?: boolean;
+    listViewActive?: boolean;
+    calendarActionOnclick?: () => void;
+    listActionOnclick?: () => void;
+}
+export type { NameValueInterface };
+export type { NameValueHolidayInterface };
+export default CalendarProps;

package/dist/Components/DataDisplay/Calendar/EventModal/EventModal.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import './eventModal.scss';
+interface EventModalProps {
+    title?: string;
+    children?: ReactNode;
+}
+declare const EventModal: (props: EventModalProps) => import("react/jsx-runtime").JSX.Element;
+export default EventModal;

package/dist/Components/DataDisplay/Calendar/Events/CalendarEvent.d.ts

@@ -0,0 +1,3 @@
+import CalendarEventProps from "./CalendarEventProps.tsx";
+declare const CalendarEvent: (props: CalendarEventProps) => import("react/jsx-runtime").JSX.Element;
+export default CalendarEvent;

package/dist/Components/DataDisplay/Calendar/Events/CalendarEventProps.d.ts

@@ -0,0 +1,11 @@
+interface CalendarEventProps {
+    key?: any;
+    type?: "primary" | "secondary";
+    label: string;
+    content?: {
+        __html: any;
+    };
+    timeDuration?: string;
+    color?: string;
+}
+export default CalendarEventProps;

package/dist/Components/DataDisplay/Calendar/Events/MoreEvent/MoreEvent.d.ts

@@ -0,0 +1,3 @@
+import MoreEventProps from "./MoreEventProps.tsx";
+declare const MoreEvent: (props: MoreEventProps) => import("react/jsx-runtime").JSX.Element;
+export default MoreEvent;

package/dist/Components/DataDisplay/Calendar/Events/MoreEvent/MoreEventProps.d.ts

@@ -0,0 +1,4 @@
+interface MoreEventProps {
+    count?: number;
+}
+export default MoreEventProps;

package/dist/Components/DataDisplay/Calendar/Events/PrimaryIcon.d.ts

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

package/dist/Components/DataDisplay/Calendar/Events/SecondaryIcon.d.ts

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

package/dist/Components/DataDisplay/Calendar/MonthlyDayCell.d.ts

@@ -0,0 +1,3 @@
+import MonthlyDayCellProps from "./MonthlyDayCellProps.tsx";
+declare const MonthlyDayCell: (props: MonthlyDayCellProps) => import("react/jsx-runtime").JSX.Element;
+export default MonthlyDayCell;

package/dist/Components/DataDisplay/Calendar/MonthlyDayCellProps.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+interface MonthlyDayCellProps {
+    children?: ReactNode;
+    className?: string;
+    id?: any;
+    onClick?: () => void;
+}
+export default MonthlyDayCellProps;

package/dist/Components/DataDisplay/Calendar/Views/DayView/DayView.d.ts

@@ -0,0 +1,3 @@
+import DayViewProps from "./DayViewProps.tsx";
+declare const DayView: ({ date, events, holidays, showPrepTime }: DayViewProps) => import("react/jsx-runtime").JSX.Element;
+export default DayView;

package/dist/Components/DataDisplay/Calendar/Views/DayView/DayViewProps.d.ts

@@ -0,0 +1,5 @@
+import CalendarProps from "../../CalendarProps.tsx";
+interface DayViewProps extends Omit<CalendarProps, 'calendarActionOnclick' | 'listActionOnclick'> {
+    date: Date;
+}
+export default DayViewProps;

package/dist/Components/DataDisplay/Calendar/Views/MonthView/MonthView.d.ts

@@ -0,0 +1,3 @@
+import CalendarProps from "../../CalendarProps.tsx";
+declare const MonthView: (props: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+export default MonthView;

package/dist/Components/DataDisplay/Calendar/Views/WeekView/WeekView.d.ts

@@ -0,0 +1,3 @@
+import WeekViewProps from "./WeekViewProps.tsx";
+declare const WeekView: ({ events, date, startOfWeekOn, showPrepTime }: WeekViewProps) => import("react/jsx-runtime").JSX.Element;
+export default WeekView;

package/dist/Components/DataDisplay/Calendar/Views/WeekView/WeekViewProps.d.ts

@@ -0,0 +1,5 @@
+import CalendarProps from "../../CalendarProps.tsx";
+interface WeekViewProps extends Omit<CalendarProps, 'calendarActionOnclick' | 'listActionOnclick'> {
+    date: Date;
+}
+export default WeekViewProps;

package/dist/Components/DataDisplay/Cards/BannerCard/BannerCard.d.ts

@@ -1,3 +1,4 @@
 import BannerCardInterface from "./BannerCardInterface.tsx";
+import './banner-card.scss';
 declare const BannerCard: (props: BannerCardInterface) => import("react/jsx-runtime").JSX.Element;
 export default BannerCard;

package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCard.d.ts

@@ -1,3 +1,4 @@
 import PathwayCardProps from "./PathwayCardProps";
+import './pathway-card.scss';
 declare const PathwayCard: (props: PathwayCardProps) => import("react/jsx-runtime").JSX.Element;
 export default PathwayCard;

package/dist/Components/DataDisplay/Modal/ModalHeaderProps.d.ts

@@ -3,7 +3,7 @@ interface ModalHeaderProps {
     extraClass?: string;
     canClose?: boolean;
     canGoBack?: boolean;
-    closeOnclick?: () => void;
+    closeOnclick?: (e: any) => void;
     canGoBackOnclick?: () => void;
 }
 export default ModalHeaderProps;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationProps.d.ts

@@ -4,7 +4,7 @@ interface NotificationProps {
     boldText?: string;
     regularText?: string;
     summaryText?: string;
-    notificatonItemOnClick?: () => void;
+    notificationItemOnClick?: () => void;
     closeOnClick?: () => void;
 }
 export default NotificationProps;

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

@@ -1,5 +1,6 @@
 interface TabNavItemProps {
     title: string;
+    bilingualTitle?: string;
     tabIndex: any;
     onBeforeOpen?: Function;
     onAfterOpened?: Function;

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

@@ -1,2 +1,3 @@
-declare const TableFooter: () => void;
+import 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,6 @@
+import { ReactNode } from "react";
+interface TableFooterProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TableFooterProps;

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

@@ -4,5 +4,6 @@ interface TableHeaderCellProps {
     extraClass?: string;
     rowspan?: number;
     colspan?: number;
+    onClick?: () => void;
 }
 export default TableHeaderCellProps;

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,5 @@ 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';

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

@@ -7,6 +7,8 @@ interface ButtonProps {
     disabled?: boolean;
     primaryIcon?: ReactNode;
     secondaryIcon?: ReactNode;
+    loading?: boolean;
+    bilingualTitle?: string;
     label: string;
     onClick?: () => void;
     onHover?: () => void;

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

@@ -1,4 +1,4 @@
-import { FocusEvent, MouseEvent } from "react";
+import { ChangeEvent, FocusEvent, MouseEvent } from "react";
 interface CheckboxProps {
     label?: string;
     name?: string;
@@ -14,7 +14,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/CurrencyField/CurrencyFieldProps.d.ts

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

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

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

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

@@ -1,7 +1,7 @@
 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 +9,10 @@ interface DropdownBadgeProps {
     id?: string;
     value?: string;
     options: (BadgeNameValueInterface | string)[];
-    status?: "pending" | "inProgress" | "complete" | undefined;
+    status?: "draft" | "pending" | "inProgress" | "complete" | "custom" | undefined;
+    lock?: boolean;
     extraClass?: string;
+    extraClassDropdown?: string;
     disabled?: boolean;
     readonly?: boolean;
     autoComplete?: boolean;
@@ -19,7 +21,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,4 @@
 import DropdownBadgeSelectorProps from "./DropdownBadgeSelectorProps";
-declare const DropdownBadgeSelector: (props: DropdownBadgeSelectorProps) => import("react/jsx-runtime").JSX.Element;
+import 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,8 @@
 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,3 @@
+import 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,28 @@
+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/DropdownFieldItemProps.d.ts

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

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

@@ -1,7 +1,7 @@
 import { MouseEvent, FocusEvent } from "react";
 interface NameValueInterface {
     label: string;
-    value: string | number;
+    value: string | number | undefined | null | boolean;
 }
 interface DropdownFieldProps {
     name?: string;
@@ -10,6 +10,8 @@ interface DropdownFieldProps {
     options: NameValueInterface[] | string[];
     extraClass?: string;
     placeholder?: string;
+    emptyString?: string;
+    commentInDropdown?: string;
     error?: boolean;
     disabled?: boolean;
     readonly?: boolean;
@@ -21,9 +23,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,4 @@
 import DropdownFieldSelectorProps from "./DropdownFieldSelectorProps";
-declare const DropdownFieldSelector: (props: DropdownFieldSelectorProps) => import("react/jsx-runtime").JSX.Element;
+import 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,6 @@
 import { ReactNode } from "react";
 interface DropdownFieldSelectorProps {
     children: ReactNode;
+    style?: any;
 }
 export default DropdownFieldSelectorProps;

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

@@ -1,10 +1,12 @@
 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;
 }
 export default FormFieldHolderProps;

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

@@ -6,6 +6,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

@@ -2,7 +2,7 @@ import { FocusEvent, ChangeEvent, MouseEvent } from "react";
 interface InputProps {
     name?: string;
     id?: string;
-    value?: string;
+    value?: string | number | bigint | any;
     extraClass?: string;
     placeholder?: string;
     error?: boolean;
@@ -11,6 +11,8 @@ interface InputProps {
     autoComplete?: boolean;
     required?: boolean;
     ariaLabel?: string;
+    min?: string;
+    max?: string;
     minLength?: number;
     maxLength?: number;
     ariaLabeledby?: string;
@@ -19,5 +21,6 @@ interface InputProps {
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     onFocus?: (e: FocusEvent) => void;
     onBlur?: (e: FocusEvent) => 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,4 @@
-import React from 'react';
-interface Item {
-    id: number;
-    label: string;
-}
-declare const MultiSelectField: React.FC<{
-    options: Item[];
-}>;
+import React from "react";
+import MultiSelectFieldProps from "./MultiSelectFieldProps";
+declare const MultiSelectField: React.FC<MultiSelectFieldProps>;
 export default MultiSelectField;

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

@@ -1,11 +1,3 @@
-import React from 'react';
-interface MultiSelectFieldItemProps {
-    item: {
-        id: number;
-        label: string;
-    };
-    onClick: () => void;
-    isSelected: boolean;
-}
-declare const MultiSelectFieldItem: React.FC<MultiSelectFieldItemProps>;
+import 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 @@
+/// <reference types="react" />
+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;
+}
+export default MultiSelectFieldItemProps;

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

@@ -0,0 +1,33 @@
+import { MouseEvent, FocusEvent } from "react";
+interface SelectOption {
+    label: string | any;
+    value: string | number | any;
+}
+interface MultiSelectFieldProps {
+    name?: string;
+    id?: string;
+    value?: SelectOption[];
+    options: SelectOption[];
+    extraClass?: string;
+    placeholder?: string;
+    error?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    autoComplete?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    required?: boolean;
+    ariaLabel?: string;
+    ariaLabeledby?: string;
+    creatable?: boolean;
+    onCreateNew?: (option: string | number, e: any) => void;
+    ariaDescribedby?: string;
+    onClick?: (e: MouseEvent, value?: SelectOption[]) => void;
+    onChange: (value: SelectOption[]) => void;
+    onFocus?: (e: FocusEvent) => void;
+    onBlur?: (e: FocusEvent) => void;
+    onSearch?: (keywords: any) => void;
+    loading?: boolean;
+}
+export type { SelectOption };
+export default MultiSelectFieldProps;

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

@@ -1,10 +1,3 @@
-import React from 'react';
-interface MultiSelectFieldTagProps {
-    item: {
-        id: number;
-        label: string;
-    };
-    onRemove: () => void;
-}
-declare const MultiSelectFieldTag: React.FC<MultiSelectFieldTagProps>;
+import MultiSelectFieldTagProps from "./MultiSelectFieldTagProps.tsx";
+declare const MultiSelectFieldTag: (props: MultiSelectFieldTagProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelectFieldTag;

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

@@ -0,0 +1,5 @@
+interface MultiSelectFieldTagProps {
+    label: string;
+    onRemove: (e: any) => void;
+}
+export default MultiSelectFieldTagProps;

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

@@ -0,0 +1,3 @@
+import NumberFieldProps from "./NumberFieldProps.tsx";
+declare const NumberField: (props: NumberFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default NumberField;

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

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react";
+import NumberField from "././NumberField.tsx";
+declare const meta: {
+    title: string;
+    component: (props: import("./NumberFieldProps.tsx").default) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof NumberField>;
+export declare const Example: Story;

package/dist/Components/Form/NumberField/NumberFieldProps.d.ts

@@ -0,0 +1,7 @@
+import InputProps from "../../Form/InputProps";
+interface NumberFieldProps extends InputProps {
+    numberValue?: number | string | any | undefined;
+    preventScrolling?: boolean;
+    formatter?: boolean;
+}
+export default NumberFieldProps;

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

@@ -0,0 +1,3 @@
+import inputProps from "../InputProps.tsx";
+declare const PhoneField: (props: inputProps) => import("react/jsx-runtime").JSX.Element;
+export default PhoneField;