@ofgdev/ui-components 1.2.27 → 1.2.28

package/dist/{Accordion → packages/react-components/src/Accordion}/Accordion.d.ts

@@ -1,9 +1,12 @@
 import { default as React } from 'react';
 interface AccordionProps {
-    className?: string;
     children?: React.ReactNode;
-    label: string;
+    className?: string;
     defaultOpen?: boolean;
+    label: string;
 }
-export declare const Accordion: ({ className, children, label, defaultOpen, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: {
+    ({ className, children, label, defaultOpen, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Accordion;

package/dist/{Alert → packages/react-components/src/Alert}/Alert.d.ts

@@ -1,16 +1,16 @@
 import { default as React } from 'react';
 interface AlertProps {
-    variant?: "success" | "error" | "warning" | "info";
-    deleteOnClick?: () => void;
     cancelOnClick?: () => void;
-    confirmOnClick?: () => void;
-    open?: boolean;
-    dismissible?: boolean;
-    onDismiss?: () => void;
     children?: React.ReactNode;
     className?: string;
+    confirmOnClick?: () => void;
     contentText: string;
+    deleteOnClick?: () => void;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    open?: boolean;
     title: string;
+    variant?: "error" | "info" | "success" | "warning";
 }
 export declare const Alert: React.FC<AlertProps>;
 export default Alert;

package/dist/{Button → packages/react-components/src/Button}/Button.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "primary" | "secondary" | "ghost-primary" | "ghost-secondary" | "ghost-tertiary" | "danger";
-    size?: "default" | "small";
-    className?: string;
     children: React.ReactNode;
+    className?: string;
     isLoading?: boolean;
     loadingText?: string;
+    size?: "default" | "small";
+    variant?: "danger" | "ghost-primary" | "ghost-secondary" | "ghost-tertiary" | "primary" | "secondary";
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{Calendar → packages/react-components/src/Calendar}/Calendar.d.ts

@@ -1,13 +1,14 @@
 import { default as React } from 'react';
 interface CalendarProps {
-    value?: string;
-    onChange?: (date: string) => void;
-    minDate?: string;
-    maxDate?: string;
-    disabledDates?: string[];
-    show?: boolean;
     className?: string;
+    disabledDates?: string[];
+    format?: string;
+    maxDate?: string;
+    minDate?: string;
+    onChange?: (date: string) => void;
     paginateYears?: boolean;
+    show?: boolean;
+    value?: string;
 }
 export declare const Calendar: React.FC<CalendarProps>;
 export {};

package/dist/{Card → packages/react-components/src/Card}/Card.d.ts

@@ -1,6 +1,6 @@
 interface CardProps {
-    className?: string;
     children?: React.ReactNode;
+    className?: string;
 }
 export declare const Card: ({ className, children, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
-export default Card;
+export {};

package/dist/{CheckBoxInput → packages/react-components/src/CheckBoxInput}/CheckBoxInput.d.ts

@@ -1,12 +1,13 @@
+import { HeadingSize } from '../Heading/Heading';
 interface CheckBoxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    description?: string;
+    errorMessage?: string;
     label?: string;
-    labelSize?: import('../Heading/Heading').HeadingSize;
+    labelSize?: HeadingSize;
     labelTop?: string;
-    vertical?: boolean;
-    errorMessage?: string;
-    description?: string;
-    required?: boolean;
     optional?: boolean;
+    required?: boolean;
+    vertical?: boolean;
 }
 export declare const CheckBoxInput: import('react').ForwardRefExoticComponent<CheckBoxInputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default CheckBoxInput;

package/dist/{CheckBoxInput → packages/react-components/src/CheckBoxInput}/CheckBoxInputGroup.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { HeadingSize } from '../Heading/Heading';
 type CheckBoxInputGroupProps = {
     name?: string;
     className?: string;
@@ -13,14 +14,14 @@ type CheckBoxInputGroupProps = {
     required?: boolean;
     optional?: boolean;
     label?: string;
-    labelSize?: import('../Heading/Heading').HeadingSize;
+    labelSize?: HeadingSize;
     vertical?: boolean;
 };
 interface CheckBoxInputGroupContextType {
+    multiple: boolean;
     name?: string;
     selectedItems: string | string[];
     updateSelection: (value: string, checked: boolean) => void;
-    multiple: boolean;
 }
 export interface CheckBoxInputGroupRef {
     getSelectedValues: () => string | string[];

package/dist/{CheckBoxInput → packages/react-components/src/CheckBoxInput}/CheckBoxInputItem.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type CheckBoxInputItemProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "checked"> & {
+type CheckBoxInputItemProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked" | "onChange"> & {
     className?: string;
     label: string;
     value: string;

package/dist/{CheckBoxTab → packages/react-components/src/CheckBoxTab}/CheckBoxTabGroup.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { HeadingSize } from '../Heading/Heading';
 type CheckBoxTabGroupProps = {
     name?: string;
     className?: string;
@@ -13,13 +14,13 @@ type CheckBoxTabGroupProps = {
     required?: boolean;
     optional?: boolean;
     label?: string;
-    labelSize?: import('../Heading/Heading').HeadingSize;
+    labelSize?: HeadingSize;
 };
 interface CheckBoxTabGroupContextType {
+    multiple: boolean;
     name?: string;
     selectedItems: string | string[];
     updateSelection: (value: string, checked: boolean) => void;
-    multiple: boolean;
 }
 export interface CheckBoxTabGroupRef {
     getSelectedValues: () => string | string[];

package/dist/{CheckBoxTab → packages/react-components/src/CheckBoxTab}/CheckBoxTabItem.d.ts

@@ -1,10 +1,13 @@
 import { default as React } from 'react';
-type CheckBoxTabItemProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "checked"> & {
+type CheckBoxTabItemProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked" | "onChange"> & {
     className?: string;
     label: string;
     value: string;
     name?: string;
     onChange?: (checked: boolean, value: string) => void;
 };
-export declare const CheckBoxTabItem: ({ className, label, value, name, onChange, ...props }: CheckBoxTabItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckBoxTabItem: {
+    ({ className, label, value, name, onChange, ...props }: CheckBoxTabItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default CheckBoxTabItem;

package/dist/{DatePicker → packages/react-components/src/DatePicker}/DatePicker.d.ts

@@ -1,19 +1,20 @@
 import { default as React } from 'react';
+import { HeadingSize } from '../Heading/Heading';
 interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue"> {
     value?: string;
-    placeholder?: string;
-    disabledDates?: string[];
-    minDate?: string;
-    maxDate?: string;
     defaultValue?: string;
-    label?: string;
-    labelSize?: import('../Heading/Heading').HeadingSize;
-    required?: boolean;
-    errorMessage?: string;
     description?: string;
-    optional?: boolean;
+    disabledDates?: string[];
+    errorMessage?: string;
     format?: string;
+    label?: string;
+    labelSize?: HeadingSize;
+    maxDate?: string;
+    minDate?: string;
+    optional?: boolean;
     paginateYears?: boolean;
+    placeholder?: string;
+    required?: boolean;
 }
 export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/{Heading → packages/react-components/src/Heading}/Heading.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
-export type HeadingSize = "8xl" | "5xl" | "3xl" | "2xl" | "lg" | "md" | "sm" | "xs" | "xxs";
+export type HeadingSize = "2xl" | "3xl" | "5xl" | "8xl" | "lg" | "md" | "sm" | "xs" | "xxs";
 export interface HeadingProps {
-    children: React.ReactNode;
-    size?: HeadingSize;
     as?: keyof React.JSX.IntrinsicElements;
+    children: React.ReactNode;
     className?: string;
+    size?: HeadingSize;
 }
 export declare const Heading: React.FC<HeadingProps>;
 export default Heading;

package/dist/packages/react-components/src/Modal/Modal.d.ts

@@ -0,0 +1,29 @@
+interface ModalProps {
+    bodyClassName?: string;
+    children?: React.ReactNode;
+    className?: string;
+    isOpen?: boolean;
+    onClose?: () => void;
+    onPrimaryButtonClick?: () => void;
+    onSecondaryButtonClick?: () => void;
+    primaryButtonClassName?: string;
+    primaryButtonIsLoading?: boolean;
+    primaryButtonLoadingMessage?: string;
+    primaryButtonText?: string;
+    primaryButtonVariant?: "danger" | "ghost-primary" | "ghost-secondary" | "ghost-tertiary" | "primary" | "secondary";
+    secondaryButtonClassName?: string;
+    secondaryButtonIsLoading?: boolean;
+    secondaryButtonLoadingMessage?: string;
+    secondaryButtonText?: string;
+    secondaryButtonVariant?: "danger" | "ghost-primary" | "ghost-secondary" | "ghost-tertiary" | "primary" | "secondary";
+    showFooter?: boolean;
+    showHeader?: boolean;
+    size?: "lg" | "md" | "sm";
+    title?: string;
+    titleClassName?: string;
+}
+export declare const Modal: {
+    ({ className, bodyClassName, primaryButtonText, secondaryButtonText, onPrimaryButtonClick, onSecondaryButtonClick, secondaryButtonClassName, primaryButtonClassName, primaryButtonIsLoading, secondaryButtonIsLoading, children, title, titleClassName, isOpen, primaryButtonLoadingMessage, secondaryButtonLoadingMessage, onClose, size, showHeader, showFooter, primaryButtonVariant, secondaryButtonVariant, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Modal;

package/dist/{MultiSelect → packages/react-components/src/MultiSelect}/MultiSelect.d.ts

@@ -1,25 +1,25 @@
-import { default as React } from 'react';
+import { HeadingSize } from '../Heading/Heading';
 interface Option {
-    value: string | number;
     label: string;
+    value: number | string;
 }
 interface SelectProps {
-    options: Option[];
-    value?: (string | number)[];
-    defaultValue?: (string | number)[];
-    placeholder?: string;
     className?: string;
-    searchable?: boolean;
-    label?: string;
-    labelSize?: import('../Heading/Heading').HeadingSize;
+    defaultValue?: (number | string)[];
+    description?: string;
     disabled?: boolean;
     errorMessage?: string;
-    description?: string;
-    required?: boolean;
+    label?: string;
+    labelSize?: HeadingSize;
+    onBlur?: () => void;
+    onChange?: (value: (number | string)[]) => void;
     optional?: boolean;
+    options: Option[];
+    placeholder?: string;
     readOnly?: boolean;
-    onChange?: (value: (string | number)[]) => void;
-    onBlur?: () => void;
+    required?: boolean;
+    searchable?: boolean;
+    value?: (number | string)[];
 }
-export declare const MultiSelect: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLInputElement>>;
+export declare const MultiSelect: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLInputElement>>;
 export default MultiSelect;

package/dist/{NumberInput → packages/react-components/src/NumberInput}/NumberInput.d.ts

@@ -1,15 +1,16 @@
+import { HeadingSize } from '../Heading/Heading';
 interface NumberInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    prefix?: string;
-    suffix?: string;
-    label?: string;
-    labelSize?: import('../Heading/Heading').HeadingSize;
-    format?: "currency" | "percentage" | "number";
-    formatOnChange?: boolean;
-    errorMessage?: string;
     description?: string;
-    required?: boolean;
-    optional?: boolean;
+    errorMessage?: string;
+    format?: "currency" | "number" | "percentage";
+    formatOnChange?: boolean;
     inputClassName?: string;
+    label?: string;
+    labelSize?: HeadingSize;
+    optional?: boolean;
+    prefix?: string;
+    required?: boolean;
+    suffix?: string;
 }
 export declare const NumberInput: import('react').ForwardRefExoticComponent<NumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default NumberInput;

package/dist/{PhoneNumberInput → packages/react-components/src/PhoneNumberInput}/PhoneNumberInput.d.ts

@@ -1,15 +1,16 @@
 import { CountryCode } from './countryCodes';
+import { HeadingSize } from '../Heading/Heading';
 interface PhoneNumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue"> {
-    value?: string;
-    label?: string;
-    labelSize?: import('../Heading/Heading').HeadingSize;
-    errorMessage?: string;
+    countryCode?: CountryCode;
+    defaultValue?: string;
     description?: string;
-    optional?: boolean;
+    errorMessage?: string;
     inputClassName?: string;
+    label?: string;
+    labelSize?: HeadingSize;
     name?: string;
-    defaultValue?: string;
-    countryCode?: CountryCode;
+    optional?: boolean;
+    value?: string;
 }
 export declare const PhoneNumberInput: import('react').ForwardRefExoticComponent<PhoneNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default PhoneNumberInput;

package/dist/{Popover → packages/react-components/src/Popover}/Popover.d.ts

@@ -1,5 +1,5 @@
-import { default as React, CSSProperties, ReactElement, ReactNode } from 'react';
-export type PopoverPlacement = "top" | "bottom" | "left" | "right";
+import { CSSProperties, ReactElement, ReactNode, default as React } from 'react';
+export type PopoverPlacement = "bottom" | "left" | "right" | "top";
 interface PopoverProps {
     children: ReactNode;
     className?: string;
@@ -7,15 +7,15 @@ interface PopoverProps {
 }
 interface PopoverTriggerProps {
     children: ReactElement;
-    openOn?: "hover" | "click";
     className?: string;
+    openOn?: "click" | "hover";
     style?: CSSProperties;
 }
 interface PopoverContentProps {
     children: ReactNode;
     className?: string;
-    style?: CSSProperties;
     placement?: PopoverPlacement;
+    style?: CSSProperties;
 }
 export declare const Popover: React.FC<PopoverProps>;
 export declare const PopoverTrigger: React.FC<PopoverTriggerProps>;

package/dist/{RadioInput → packages/react-components/src/RadioInput}/RadioInput.d.ts

@@ -1,16 +1,18 @@
+import { HeadingSize } from '../Heading/Heading';
 interface Option {
+    description?: string;
+    label: number | string;
     value: string;
-    label: string | number;
 }
 interface RadioInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue"> {
+    defaultValue?: number | string;
+    description?: string;
+    errorMessage?: string;
     label?: string;
-    labelSize?: import('../Heading/Heading').HeadingSize;
+    labelSize?: HeadingSize;
+    optional?: boolean;
     options: Option[];
     vertical?: boolean;
-    errorMessage?: string;
-    description?: string;
-    optional?: boolean;
-    defaultValue?: string | number;
 }
 export declare const RadioInput: import('react').ForwardRefExoticComponent<RadioInputProps & import('react').RefAttributes<HTMLInputElement>>;
 export {};

package/dist/{Select → packages/react-components/src/Select}/Select.d.ts

@@ -1,23 +1,23 @@
 import { default as React } from 'react';
+import { HeadingSize } from '../Heading/Heading';
 interface Option {
-    value: string | number;
     label: string;
+    value: number | string;
 }
 interface SelectProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    options: Option[];
-    value?: string | number;
-    placeholder?: string;
     className?: string;
-    searchable?: boolean;
-    label?: string;
-    labelSize?: import('../Heading/Heading').HeadingSize;
-    disabled?: boolean;
-    errorMessage?: string;
+    defaultValue?: number | string;
     description?: string;
-    required?: boolean;
+    errorMessage?: string;
+    label?: string;
+    labelSize?: HeadingSize;
     optional?: boolean;
-    defaultValue?: string | number;
+    options: Option[];
+    placeholder?: string;
     readOnly?: boolean;
+    required?: boolean;
+    searchable?: boolean;
+    value?: number | string;
 }
 export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLInputElement>>;
 export default Select;

package/dist/{SliderInput → packages/react-components/src/SliderInput}/SliderInput.d.ts

@@ -1,23 +1,24 @@
+import { HeadingSize } from '../Heading/Heading';
 interface SliderInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    prefix?: string;
-    suffix?: string;
-    showLabel?: boolean;
-    label?: string;
-    labelSize?: import('../Heading/Heading').HeadingSize;
-    min?: number;
-    max?: number;
-    value?: number;
+    hideInput?: boolean;
+    customLabels?: string[];
     defaultValue?: number;
+    description?: string;
     displayValue?: string;
-    inputSize?: "sm" | "md" | "lg";
-    format?: "currency" | "percentage" | "number";
     errorMessage?: string;
-    description?: string;
-    required?: boolean;
-    optional?: boolean;
+    format?: "currency" | "number" | "percentage";
     inputClassName?: string;
-    hideInput?: boolean;
-    customLabels?: string[];
+    inputSize?: "lg" | "md" | "sm";
+    label?: string;
+    labelSize?: HeadingSize;
+    max?: number;
+    min?: number;
+    optional?: boolean;
+    prefix?: string;
+    required?: boolean;
+    showLabel?: boolean;
+    suffix?: string;
+    value?: number;
 }
 export declare const SliderInput: import('react').ForwardRefExoticComponent<SliderInputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default SliderInput;

package/dist/{Spinner → packages/react-components/src/Spinner}/Spinner.d.ts

@@ -6,6 +6,6 @@ export declare const Spinner: ({ loadingText, className, isLoading, containerCla
     className?: string;
     containerClassName?: string;
     progressBar?: boolean;
-    size?: "sm" | "md" | "lg" | "xl";
+    size?: "lg" | "md" | "sm" | "xl";
     duration?: number;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/{Stepper → packages/react-components/src/Stepper}/StepContent.d.ts

@@ -1,5 +1,5 @@
 export declare const StepContent: ({ children, step, currentStep, }: {
-    step: number | string | null;
-    currentStep?: number | string | null;
+    step: null | number | string;
+    currentStep?: null | number | string;
     children: React.JSX.Element;
 }) => import("react").JSX.Element | null;

package/dist/{Table → packages/react-components/src/Table}/TableCell.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 interface Props extends React.TdHTMLAttributes<HTMLTableCellElement> {
-    item?: string | number | undefined;
-    className?: string;
     children?: ReactNode;
+    className?: string;
+    item?: number | string | undefined;
 }
 export declare const TableCell: ({ item, children, className }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{Text → packages/react-components/src/Text}/Text.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
-export type TextSize = "8xl" | "5xl" | "3xl" | "2xl" | "lg" | "md" | "sm" | "xs" | "xxs" | "normal";
+export type TextSize = "2xl" | "3xl" | "5xl" | "8xl" | "lg" | "md" | "normal" | "sm" | "xs" | "xxs";
 export interface TextProps {
-    children: React.ReactNode;
-    size?: TextSize;
     as?: keyof React.JSX.IntrinsicElements;
+    children: React.ReactNode;
     className?: string;
+    size?: TextSize;
 }
 export declare const Text: React.FC<TextProps>;
 export default Text;

package/dist/{TextArea → packages/react-components/src/TextArea}/TextArea.d.ts

@@ -1,11 +1,12 @@
+import { HeadingSize } from '../Heading/Heading';
 interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    value?: string;
-    label?: string;
-    labelSize?: import('../Heading/Heading').HeadingSize;
-    errorMessage?: string;
     description?: string;
-    optional?: boolean;
+    errorMessage?: string;
     inputClassName?: string;
+    label?: string;
+    labelSize?: HeadingSize;
+    optional?: boolean;
+    value?: string;
 }
 export declare const TextArea: import('react').ForwardRefExoticComponent<TextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
 export default TextArea;

package/dist/{TextInput → packages/react-components/src/TextInput}/TextInput.d.ts

@@ -1,13 +1,14 @@
+import { HeadingSize } from '../Heading/Heading';
 interface TextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    value?: string;
-    prefix?: string;
-    suffix?: string;
-    label?: string;
-    labelSize?: import('../Heading/Heading').HeadingSize;
-    errorMessage?: string;
     description?: string;
-    optional?: boolean;
+    errorMessage?: string;
     inputClassName?: string;
+    label?: string;
+    labelSize?: HeadingSize;
+    optional?: boolean;
+    prefix?: string;
+    suffix?: string;
+    value?: string;
 }
 export declare const TextInput: import('react').ForwardRefExoticComponent<TextInputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default TextInput;

package/dist/packages/react-components/src/Toast/Toast.d.ts

@@ -0,0 +1,13 @@
+interface ToastProps {
+    className?: string;
+    isOpen?: boolean | number;
+    message?: string;
+    messageClassName?: string;
+    onClose?: () => void;
+    showProgressBar?: boolean;
+    title?: string;
+    titleClassName?: string;
+    type?: "default" | "error" | "info" | "success";
+}
+export declare const Toast: ({ className, type, message, title, titleClassName, messageClassName, isOpen, showProgressBar, onClose, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export default Toast;

package/dist/packages/react-components/src/helper/cx.d.ts

@@ -0,0 +1 @@
+export declare function cx(...args: ((false | null | string | undefined)[] | false | null | string | undefined)[]): string;

package/dist/{helper → packages/react-components/src/helper}/formatValue.d.ts

@@ -1,4 +1,4 @@
-declare function formatValue(value: number, format?: "currency" | "percentage" | "number", locale?: string): {
+declare function formatValue(value: number, format?: "currency" | "number" | "percentage", locale?: string): {
     value: string;
     formatted: string;
 } | {

package/dist/packages/react-components/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;