@delightui/components 0.1.18 → 0.1.20

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import * as React$1 from 'react';
-import React__default, { HTMLAttributes, ReactNode, ImgHTMLAttributes, SyntheticEvent, MouseEvent, InputHTMLAttributes, Dispatch, SetStateAction, TextareaHTMLAttributes, CSSProperties, FormHTMLAttributes, Ref, LiHTMLAttributes, TdHTMLAttributes, TableHTMLAttributes } from 'react';
+import React$1, { HTMLAttributes, ReactNode, ImgHTMLAttributes, SyntheticEvent, MouseEvent, InputHTMLAttributes, Dispatch, SetStateAction, TextareaHTMLAttributes, CSSProperties, FormHTMLAttributes, Ref, LiHTMLAttributes, TdHTMLAttributes, TableHTMLAttributes } from 'react';
 import { LinkProps } from 'react-router-dom';
 import { Offset } from 'react-overlays/usePopper';
 import { Plugin } from 'flatpickr/dist/types/options';
@@ -37,7 +36,7 @@ type ActionCardProps = HTMLAttributes<HTMLDivElement> & Omit<LinkProps, 'to'> &
 /**
  * ActionCard component definition.
  */
-declare const ActionCard: (props: ActionCardProps) => React__default.JSX.Element;
+declare const ActionCard: (props: ActionCardProps) => React$1.JSX.Element;
 
 /**
  * Enum for different image fit options.
@@ -89,7 +88,7 @@ type ActionImageProps = ImageProps & {
 /**
  * ActionImage component definition.
  */
-declare const ActionImage: (props: ActionImageProps) => React__default.JSX.Element;
+declare const ActionImage: (props: ActionImageProps) => React$1.JSX.Element;
 
 type ButtonAppearanceEnum = 'Default' | 'Inverse';
 type ButtonTypeEnum = 'Filled' | 'Outlined' | 'Ghost';
@@ -153,7 +152,7 @@ type ButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'style'> & {
 /**
  * Button component definition.
  */
-declare const Button: (props: ButtonProps) => React__default.JSX.Element;
+declare const Button: (props: ButtonProps) => React$1.JSX.Element;
 
 type CardProps = {
     /**
@@ -169,7 +168,7 @@ type CardProps = {
 /**
  * Card component definition.
  */
-declare const Card: (props: CardProps) => React__default.JSX.Element;
+declare const Card: (props: CardProps) => React$1.JSX.Element;
 
 type IconStyleEnum = 'Outlined' | 'Filled' | 'Round';
 type IconSizeEnum = 'Small' | 'Medium' | 'Large';
@@ -194,7 +193,7 @@ interface IconProps {
     className?: string;
 }
 
-declare const Icon: (props: IconProps) => React__default.JSX.Element | null;
+declare const Icon: (props: IconProps) => React$1.JSX.Element | null;
 
 type IconButtonAppearanceEnum = 'Default' | 'Inverse';
 type IconButtonStyleEnum = 'Primary' | 'Secondary';
@@ -221,7 +220,7 @@ interface IconButtonProps extends Omit<ButtonProps, 'leadingIcon' | 'trailingIco
     size?: IconButtonSizeEnum;
 }
 
-declare const IconButton: (props: IconButtonProps) => React__default.JSX.Element;
+declare const IconButton: (props: IconButtonProps) => React$1.JSX.Element;
 
 /**
  * Enum for different input types.
@@ -261,15 +260,15 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'>
     'component-variant'?: string;
 };
 
-declare const Input: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "value"> & {
+declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "value"> & {
     inputType?: InputTypeEnum;
     value?: string;
     onValueChanged?: (value: string) => void;
     invalid?: boolean;
-    leadingIcon?: React__default.ReactNode;
-    trailingIcon?: React__default.ReactNode;
+    leadingIcon?: React$1.ReactNode;
+    trailingIcon?: React$1.ReactNode;
     'component-variant'?: string;
-} & React__default.RefAttributes<HTMLInputElement>>;
+} & React$1.RefAttributes<HTMLInputElement>>;
 
 /**
  * Enum for the alignment of the list.
@@ -350,13 +349,13 @@ type PasswordProps = Omit<InputProps, 'inputType' | 'trailingIcon'> & {
     hideTrailingIcon?: boolean;
 };
 
-declare const Password: (props: PasswordProps) => React__default.JSX.Element;
+declare const Password: (props: PasswordProps) => React$1.JSX.Element;
 
 type SpinnerProps = {
     className?: string;
 };
 
-declare const Spinner: ({ className }: SpinnerProps) => React__default.JSX.Element;
+declare const Spinner: ({ className }: SpinnerProps) => React$1.JSX.Element;
 
 declare const types: readonly ["Heading1", "Heading2", "Heading3", "Heading4", "Heading5", "Heading6", "BodyLarge", "BodyMedium", "BodySmall"];
 declare const weights: readonly ["Thin", "ExtraLight", "Light", "Regular", "Medium", "SemiBold", "Bold", "ExtraBold", "Black", "ExtraBlack", 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
@@ -436,7 +435,7 @@ interface TextProps {
 /**
  * Text component definition.
  */
-declare const Text: (props: TextProps) => React__default.JSX.Element;
+declare const Text: (props: TextProps) => React$1.JSX.Element;
 
 type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {
     /**
@@ -459,12 +458,12 @@ type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'>
     className?: string;
 };
 
-declare const TextArea: React__default.ForwardRefExoticComponent<Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & {
+declare const TextArea: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & {
     value?: string;
     onValueChanged?: (value: string) => void;
     invalid?: boolean;
     className?: string;
-} & React__default.RefAttributes<HTMLTextAreaElement>>;
+} & React$1.RefAttributes<HTMLTextAreaElement>>;
 
 /**
  * Enum for the alignment of the button-group.
@@ -498,7 +497,7 @@ type ButtonGroupProps = {
 /**
  * ButtonGroup component definition.
  */
-declare const ButtonGroup: (props: ButtonGroupProps) => React__default.JSX.Element;
+declare const ButtonGroup: (props: ButtonGroupProps) => React$1.JSX.Element;
 
 /**
  * Enum for the action type of the Popover.
@@ -526,7 +525,7 @@ type PopoverProps = {
     /**
      * Ref or Element for the Popover component to render in.
      */
-    container?: HTMLElement | React__default.RefObject<HTMLElement> | null;
+    container?: HTMLElement | React$1.RefObject<HTMLElement> | null;
     /**
      * The content to display in the Popover.
      */
@@ -612,11 +611,11 @@ type ContextMenuProps = HTMLAttributes<HTMLUListElement> & {
     /**
      * The content to be rendered inside the context menu.
      */
-    children: React__default.ReactNode;
+    children: React$1.ReactNode;
     /**
      * The element that triggers the display of the context menu.
      */
-    target: React__default.ReactNode;
+    target: React$1.ReactNode;
     /**
      * Alignment of the menu relative to its target.
      * @default 'Center'
@@ -669,7 +668,7 @@ type ContextMenuProps = HTMLAttributes<HTMLUListElement> & {
 /**
  * ContextMenu component that renders a popover menu.
  */
-declare const ContextMenu: (props: ContextMenuProps) => React__default.JSX.Element;
+declare const ContextMenu: (props: ContextMenuProps) => React$1.JSX.Element;
 
 /**
  * Props for the MenuItem component.
@@ -700,7 +699,7 @@ type MenuItemProps = HTMLAttributes<HTMLLIElement> & {
  *
  * Renders a menu item (`<li>`) with optional disabled and selected states.
  */
-declare const MenuItem: (props: MenuItemProps) => React__default.JSX.Element;
+declare const MenuItem: (props: MenuItemProps) => React$1.JSX.Element;
 
 type DatePickerPosition = 'auto' | 'above' | 'below' | 'auto left' | 'auto center' | 'auto right' | 'above left' | 'above center' | 'above right' | 'below left' | 'below center' | 'below right';
 type DatePickerProps = {
@@ -805,7 +804,7 @@ type CustomTimePickerConfig = {
     container?: HTMLElement | null;
 };
 
-declare const DatePicker: (props: DatePickerProps) => React__default.JSX.Element;
+declare const DatePicker: (props: DatePickerProps) => React$1.JSX.Element;
 
 /**
  * Type representing the allowed values for form fields
@@ -927,13 +926,13 @@ type FormContextValues<T extends FormState = FormState> = {
     updateFieldValue: (name: string, value: FieldValue) => void;
     formErrors: FormErrors<T>;
     updateFieldError: (name: keyof T, errorMessage: string) => void;
-    onFormSubmit: React__default.FormEventHandler<HTMLFormElement>;
+    onFormSubmit: React$1.FormEventHandler<HTMLFormElement>;
     updateFieldValidators: (name: keyof T, validate?: FieldValidationFunction) => void;
     updateRequiredFields: (name: keyof T, required?: boolean) => void;
 };
 type FormProviderProps<T extends FormState = FormState> = {
     formRef?: Ref<HTMLFormElement>;
-    children?: React__default.ReactNode;
+    children?: React$1.ReactNode;
     formState?: T;
     onFormStateChange?: FormStateChangeHandler<T>;
     formValidator?: FormValidator<T>;
@@ -1041,7 +1040,7 @@ declare const useField: <T extends FieldValue = FieldValue>(props: UseFieldProps
     formFieldId: string | undefined;
 };
 
-declare const FormField: (props: FormFieldProviderProps & FormFieldProps) => React__default.JSX.Element;
+declare const FormField: (props: FormFieldProviderProps & FormFieldProps) => React$1.JSX.Element;
 
 /**
  * Enum defining the possible sizes for the Modal component.
@@ -1100,15 +1099,15 @@ type ModalProps = {
 /**
  * Modal component for displaying a dialog window.
  */
-declare const Modal: (props: ModalProps) => React__default.JSX.Element;
+declare const Modal: (props: ModalProps) => React$1.JSX.Element;
 
 type NavProps = HTMLAttributes<HTMLElement> & {};
 
-declare const Nav: (props: NavProps) => React__default.JSX.Element;
+declare const Nav: (props: NavProps) => React$1.JSX.Element;
 
 type NavItemProps = LiHTMLAttributes<HTMLElement> & {};
 
-declare const NavItem: (props: NavItemProps) => React__default.JSX.Element;
+declare const NavItem: (props: NavItemProps) => React$1.JSX.Element;
 
 type NavLinkProps = Omit<LinkProps, 'to'> & Pick<ButtonProps, 'appearance' | 'size' | 'style' | 'type'> & {
     /**
@@ -1130,13 +1129,13 @@ type NavLinkProps = Omit<LinkProps, 'to'> & Pick<ButtonProps, 'appearance' | 'si
     'component-variant'?: string;
 };
 
-declare const NavLink: (props: NavLinkProps) => React__default.JSX.Element;
+declare const NavLink: (props: NavLinkProps) => React$1.JSX.Element;
 
 /**
  * Popover component that displays a floating content element in relation to a target element.
  * It can be triggered via different user actions like 'Click' or 'Hover'.
  */
-declare const Popover: React__default.ForwardRefExoticComponent<PopoverProps & React__default.RefAttributes<PopoverHandle>>;
+declare const Popover: React$1.ForwardRefExoticComponent<PopoverProps & React$1.RefAttributes<PopoverHandle>>;
 
 /**
  * Props for the Option component, extending LiHTMLAttributes<HTMLLIElement>.
@@ -1176,7 +1175,7 @@ type OptionProps = LiHTMLAttributes<HTMLLIElement> & {
  * @param props - Props for configuring the Option component.
  * @returns Element representing the option.
  */
-declare const Option: (props: OptionProps) => React__default.JSX.Element;
+declare const Option: (props: OptionProps) => React$1.JSX.Element;
 
 /**
  * Represents the context provided by the Select component.
@@ -1327,7 +1326,7 @@ declare const useSelectContext: () => SelectContextType;
  * @param props - Props for configuring the SelectProvider.
  * @returns JSX element that provides context to its children.
  */
-declare const SelectProvider: ({ children, value, defaultValue, multiple, disabled, onValueChanged, }: SelectProviderProps) => React__default.JSX.Element;
+declare const SelectProvider: ({ children, value, defaultValue, multiple, disabled, onValueChanged, }: SelectProviderProps) => React$1.JSX.Element;
 
 /**
  * Select component that wraps SelectComponent with SelectProvider.
@@ -1359,7 +1358,7 @@ interface TabContentProps {
     className?: string;
 }
 
-declare const TabContent: (props: TabContentProps) => React__default.JSX.Element | null;
+declare const TabContent: (props: TabContentProps) => React$1.JSX.Element | null;
 
 type TabItemStyleEnum = 'Filled' | 'Underlined';
 type TabItemProps = Omit<ButtonProps, 'actionType' | 'appearance' | 'size' | 'style' | 'type'> & {
@@ -1386,23 +1385,23 @@ type TabItemProps = Omit<ButtonProps, 'actionType' | 'appearance' | 'size' | 'st
     style?: TabItemStyleEnum;
 };
 
-declare const TabItem: (props: TabItemProps) => React__default.JSX.Element;
+declare const TabItem: (props: TabItemProps) => React$1.JSX.Element;
 
 type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
 
-declare const TableBody: (props: TableBodyProps) => React__default.JSX.Element;
+declare const TableBody: (props: TableBodyProps) => React$1.JSX.Element;
 
 type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
 
-declare const TableCell: (props: TableCellProps) => React__default.JSX.Element;
+declare const TableCell: (props: TableCellProps) => React$1.JSX.Element;
 
 type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
 
-declare const TableHeader: (props: TableHeaderProps) => React__default.JSX.Element;
+declare const TableHeader: (props: TableHeaderProps) => React$1.JSX.Element;
 
 type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
 
-declare const TableRow: (props: TableRowProps) => React__default.JSX.Element;
+declare const TableRow: (props: TableRowProps) => React$1.JSX.Element;
 
 type TabsStyleEnum = 'Filled' | 'Underlined';
 type TabsTypeEnum = 'Horizontal' | 'Vertical';
@@ -1470,13 +1469,13 @@ type TabsProps = TabProviderProps & TabsViewProps;
  */
 declare const useTab: () => TabContextType;
 
-declare const Tabs: (props: TabsProps) => React__default.JSX.Element;
+declare const Tabs: (props: TabsProps) => React$1.JSX.Element;
 
-declare const Form: <T extends FormState>(props: FormProviderProps<T> & FormProps) => React__default.JSX.Element;
+declare const Form: <T extends FormState>(props: FormProviderProps<T> & FormProps) => React$1.JSX.Element;
 
 type TableProps = TableHTMLAttributes<HTMLTableElement>;
 
-declare const Table: (props: TableProps) => React__default.JSX.Element;
+declare const Table: (props: TableProps) => React$1.JSX.Element;
 
 type ThemeContextType = {
     theme: string;
@@ -1487,7 +1486,7 @@ type ThemeProviderProps = {
     children?: ReactNode;
 };
 
-declare const ThemeContext: React__default.Context<ThemeContextType>;
-declare const ThemeProvider: React__default.FC<ThemeProviderProps>;
+declare const ThemeContext: React$1.Context<ThemeContextType>;
+declare const ThemeProvider: React$1.FC<ThemeProviderProps>;
 
 export { ActionCard, type ActionCardProps, ActionImage, type ActionImageProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, type CardProps, ContextMenu, type ContextMenuProps, type CustomTimePickerConfig, DatePicker, type DatePickerProps, type FieldValidationFunction, type FieldValidators, type FieldValue, Form, type FormContextValues, type FormErrors, FormField, type FormFieldProps, type FormProps, type FormProviderProps, type FormState, type FormStateChangeHandler, type FormSubmitHandler, type FormValidator, Icon, IconButton, type IconButtonProps, type IconButtonStyleEnum, type IconProps, type IconSizeEnum, type IconStyleEnum, Image, type ImageFitEnum, type ImageProps, Input, type InputProps, type InputTypeEnum, List, type ListProps, MenuItem, type MenuItemProps, Modal, type ModalProps, Nav, NavItem, type NavItemProps, NavLink, type NavLinkProps, type NavProps, Option, type OptionProps, type OverlayDirectionEnum, Password, Popover, type PopoverHandle, type PopoverProps, type RequiredFields, Select, type SelectProps, SelectProvider, Spinner, type SpinnerProps, TabContent, type TabContentProps, TabItem, type TabItemProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Text, TextArea, type TextAreaProps, type TextDecorationEnum, type TextProps, type TextTypeEnum, type TextWeightEnum, ThemeContext, type ThemeContextType, ThemeProvider, type ThemeProviderProps, useField, useSelectContext, useTab };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delightui/components",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "private": false,
   "scripts": {
     "start": "vite",