@delightui/components 0.1.16 → 0.1.18

package/dist/esm/modules/theme/ThemeProvider.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
 import type { ThemeContextType, ThemeProviderProps } from './ThemeProvider.types';
-import '../../resources/scss/fonts.scss';
 import '../../resources/themes/base.css';
-import '../../resources/themes/override.css';
 import '../../resources/themes/light.css';
 import '../../resources/themes/dark.css';
 export declare const ThemeContext: React.Context<ThemeContextType>;

package/dist/esm/modules/theme/useBuildVariantProps.d.ts

@@ -0,0 +1,4 @@
+declare const useBuildVariantProps: (componentName: string, variants?: Record<string, string>, stateFlags?: Record<string, boolean | undefined>, componentVariantOverride?: string) => {
+    'component-variant': string;
+};
+export default useBuildVariantProps;

package/dist/index.d.ts

@@ -1,6 +1,8 @@
-import React$1, { HTMLAttributes, ReactNode, ImgHTMLAttributes, SyntheticEvent, MouseEvent, InputHTMLAttributes, Dispatch, SetStateAction, TextareaHTMLAttributes, CSSProperties, FormHTMLAttributes, Ref, LiHTMLAttributes, TdHTMLAttributes, TableHTMLAttributes } from 'react';
+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 { LinkProps } from 'react-router-dom';
 import { Offset } from 'react-overlays/usePopper';
+import { Plugin } from 'flatpickr/dist/types/options';
 import FlatPickr from 'react-flatpickr';
 
 type ActionCardProps = HTMLAttributes<HTMLDivElement> & Omit<LinkProps, 'to'> & {
@@ -35,7 +37,7 @@ type ActionCardProps = HTMLAttributes<HTMLDivElement> & Omit<LinkProps, 'to'> &
 /**
  * ActionCard component definition.
  */
-declare const ActionCard: (props: ActionCardProps) => React$1.JSX.Element;
+declare const ActionCard: (props: ActionCardProps) => React__default.JSX.Element;
 
 /**
  * Enum for different image fit options.
@@ -87,7 +89,7 @@ type ActionImageProps = ImageProps & {
 /**
  * ActionImage component definition.
  */
-declare const ActionImage: (props: ActionImageProps) => React$1.JSX.Element;
+declare const ActionImage: (props: ActionImageProps) => React__default.JSX.Element;
 
 type ButtonAppearanceEnum = 'Default' | 'Inverse';
 type ButtonTypeEnum = 'Filled' | 'Outlined' | 'Ghost';
@@ -151,7 +153,7 @@ type ButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'style'> & {
 /**
  * Button component definition.
  */
-declare const Button: (props: ButtonProps) => React$1.JSX.Element;
+declare const Button: (props: ButtonProps) => React__default.JSX.Element;
 
 type CardProps = {
     /**
@@ -167,7 +169,7 @@ type CardProps = {
 /**
  * Card component definition.
  */
-declare const Card: (props: CardProps) => React$1.JSX.Element;
+declare const Card: (props: CardProps) => React__default.JSX.Element;
 
 type IconStyleEnum = 'Outlined' | 'Filled' | 'Round';
 type IconSizeEnum = 'Small' | 'Medium' | 'Large';
@@ -192,7 +194,7 @@ interface IconProps {
     className?: string;
 }
 
-declare const Icon: (props: IconProps) => React$1.JSX.Element | null;
+declare const Icon: (props: IconProps) => React__default.JSX.Element | null;
 
 type IconButtonAppearanceEnum = 'Default' | 'Inverse';
 type IconButtonStyleEnum = 'Primary' | 'Secondary';
@@ -219,7 +221,7 @@ interface IconButtonProps extends Omit<ButtonProps, 'leadingIcon' | 'trailingIco
     size?: IconButtonSizeEnum;
 }
 
-declare const IconButton: (props: IconButtonProps) => React$1.JSX.Element;
+declare const IconButton: (props: IconButtonProps) => React__default.JSX.Element;
 
 /**
  * Enum for different input types.
@@ -253,24 +255,49 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'>
      * Icon to be displayed after the input.
      */
     trailingIcon?: React.ReactNode;
+    /**
+     * provide a way to override the styling
+     */
+    'component-variant'?: string;
 };
 
-declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "value"> & {
+declare const Input: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "value"> & {
     inputType?: InputTypeEnum;
     value?: string;
     onValueChanged?: (value: string) => void;
     invalid?: boolean;
-    leadingIcon?: React$1.ReactNode;
-    trailingIcon?: React$1.ReactNode;
-} & React$1.RefAttributes<HTMLInputElement>>;
+    leadingIcon?: React__default.ReactNode;
+    trailingIcon?: React__default.ReactNode;
+    'component-variant'?: string;
+} & React__default.RefAttributes<HTMLInputElement>>;
 
 /**
  * Enum for the alignment of the list.
+ *
+ * @typedef {'Horizontal' | 'Vertical'} ListAlignEnum
  */
 type ListAlignEnum = 'Horizontal' | 'Vertical';
+/**
+ * Represents a generic list item.
+ *
+ * @property {string | number} [id] - A unique identifier for the list item. This is optional and can be auto-generated if not provided.
+ */
 type ListItemType = object & {
     id?: string | number;
 };
+/**
+ * Props for the list wrapper component.
+ *
+ * @template T - The type of the list items.
+ * @property {T[]} [data] - The data to be rendered in the list.
+ * @property {React.FC<any>} component - The React functional component used to render each list item.
+ * @property {(item: T, index: number) => string | number} [keyExtractor] - A function to extract unique keys for each item.
+ * @property {'Horizontal' | 'Vertical'} [align='Vertical'] - The alignment of the list. Defaults to `'Vertical'`.
+ * @property {boolean} [wrap] - Whether the list content should wrap.
+ * @property {string} [className] - Additional class for styling the list.
+ * @property {boolean} [sortable] - Whether the list items can be sorted using drag-and-drop.
+ * @property {Dispatch<SetStateAction<T[]>>} [updateSortOrder] - Callback function to update the order of the list items after sorting.
+ */
 type ListProps<T extends ListItemType> = HTMLAttributes<HTMLUListElement> & {
     /**
      * The data to be rendered in the list.
@@ -310,19 +337,26 @@ type ListProps<T extends ListItemType> = HTMLAttributes<HTMLUListElement> & {
     updateSortOrder?: Dispatch<SetStateAction<T[]>>;
 };
 
-declare const ListWrapper: <T extends ListItemType>(props: ListProps<T>) => React$1.JSX.Element;
+/**
+ * A wrapper component that manages the rendering of either a sortable or regular list based on the provided props.
+ *
+ * @template T - The type of the list items.
+ * @param {ListProps<T>} props - The properties for the list wrapper.
+ * @returns {JSX.Element} The rendered list component.
+ */
+declare const List: <T extends ListItemType>(props: ListProps<T>) => React$1.JSX.Element;
 
 type PasswordProps = Omit<InputProps, 'inputType' | 'trailingIcon'> & {
     hideTrailingIcon?: boolean;
 };
 
-declare const Password: (props: PasswordProps) => React$1.JSX.Element;
+declare const Password: (props: PasswordProps) => React__default.JSX.Element;
 
 type SpinnerProps = {
     className?: string;
 };
 
-declare const Spinner: ({ className }: SpinnerProps) => React$1.JSX.Element;
+declare const Spinner: ({ className }: SpinnerProps) => React__default.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];
@@ -402,7 +436,7 @@ interface TextProps {
 /**
  * Text component definition.
  */
-declare const Text: (props: TextProps) => React$1.JSX.Element;
+declare const Text: (props: TextProps) => React__default.JSX.Element;
 
 type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {
     /**
@@ -425,12 +459,12 @@ type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'>
     className?: string;
 };
 
-declare const TextArea: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & {
+declare const TextArea: React__default.ForwardRefExoticComponent<Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & {
     value?: string;
     onValueChanged?: (value: string) => void;
     invalid?: boolean;
     className?: string;
-} & React$1.RefAttributes<HTMLTextAreaElement>>;
+} & React__default.RefAttributes<HTMLTextAreaElement>>;
 
 /**
  * Enum for the alignment of the button-group.
@@ -464,7 +498,7 @@ type ButtonGroupProps = {
 /**
  * ButtonGroup component definition.
  */
-declare const ButtonGroup: (props: ButtonGroupProps) => React$1.JSX.Element;
+declare const ButtonGroup: (props: ButtonGroupProps) => React__default.JSX.Element;
 
 /**
  * Enum for the action type of the Popover.
@@ -492,7 +526,7 @@ type PopoverProps = {
     /**
      * Ref or Element for the Popover component to render in.
      */
-    container?: HTMLElement | React$1.RefObject<HTMLElement> | null;
+    container?: HTMLElement | React__default.RefObject<HTMLElement> | null;
     /**
      * The content to display in the Popover.
      */
@@ -578,11 +612,11 @@ type ContextMenuProps = HTMLAttributes<HTMLUListElement> & {
     /**
      * The content to be rendered inside the context menu.
      */
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The element that triggers the display of the context menu.
      */
-    target: React$1.ReactNode;
+    target: React__default.ReactNode;
     /**
      * Alignment of the menu relative to its target.
      * @default 'Center'
@@ -635,7 +669,7 @@ type ContextMenuProps = HTMLAttributes<HTMLUListElement> & {
 /**
  * ContextMenu component that renders a popover menu.
  */
-declare const ContextMenu: (props: ContextMenuProps) => React$1.JSX.Element;
+declare const ContextMenu: (props: ContextMenuProps) => React__default.JSX.Element;
 
 /**
  * Props for the MenuItem component.
@@ -666,7 +700,7 @@ type MenuItemProps = HTMLAttributes<HTMLLIElement> & {
  *
  * Renders a menu item (`<li>`) with optional disabled and selected states.
  */
-declare const MenuItem: (props: MenuItemProps) => React$1.JSX.Element;
+declare const MenuItem: (props: MenuItemProps) => React__default.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 = {
@@ -738,18 +772,40 @@ type DatePickerProps = {
      */
     position?: DatePickerPosition;
     /**
-     * Function to parse date string to Date object.
-     * this function will be used to parse initial date string and date string from input field.
+     * Function to parse date strings into Date objects.
+     * Used for parsing both the initial date string and any date strings entered in the input field.
+     * @param date - The date value to parse, can be a string
+     * @param format - Optional format string to use when parsing date strings
+     * @returns A Date object representing the parsed date
      */
-    parseDate?: (date: string) => Date;
+    parseDate?: (date: string, format?: string) => Date;
     /**
     * Allow user to type date/time in input.
     * @default false
     */
     allowInput?: boolean;
+    /**
+     * Container element for the calendar when used inside a Popover
+     */
+    container?: HTMLElement | null;
+    /**
+     * Custom time picker plugin
+     */
+    customTimePickerPlugin?: (config: CustomTimePickerConfig) => Plugin;
+    /**
+     * Custom time picker plugin
+     */
+    customDateTimePickerPlugin?: (config: CustomTimePickerConfig) => Plugin;
+};
+type CustomTimePickerConfig = {
+    minuteStep: number;
+    /**
+     * Container element for the calendar when used inside a Popover
+     */
+    container?: HTMLElement | null;
 };
 
-declare const DatePicker: (props: DatePickerProps) => React$1.JSX.Element;
+declare const DatePicker: (props: DatePickerProps) => React__default.JSX.Element;
 
 /**
  * Type representing the allowed values for form fields
@@ -871,13 +927,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$1.FormEventHandler<HTMLFormElement>;
+    onFormSubmit: React__default.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$1.ReactNode;
+    children?: React__default.ReactNode;
     formState?: T;
     onFormStateChange?: FormStateChangeHandler<T>;
     formValidator?: FormValidator<T>;
@@ -985,7 +1041,7 @@ declare const useField: <T extends FieldValue = FieldValue>(props: UseFieldProps
     formFieldId: string | undefined;
 };
 
-declare const FormField: (props: FormFieldProviderProps & FormFieldProps) => React$1.JSX.Element;
+declare const FormField: (props: FormFieldProviderProps & FormFieldProps) => React__default.JSX.Element;
 
 /**
  * Enum defining the possible sizes for the Modal component.
@@ -1044,17 +1100,17 @@ type ModalProps = {
 /**
  * Modal component for displaying a dialog window.
  */
-declare const Modal: (props: ModalProps) => React$1.JSX.Element;
+declare const Modal: (props: ModalProps) => React__default.JSX.Element;
 
 type NavProps = HTMLAttributes<HTMLElement> & {};
 
-declare const Nav: (props: NavProps) => React$1.JSX.Element;
+declare const Nav: (props: NavProps) => React__default.JSX.Element;
 
 type NavItemProps = LiHTMLAttributes<HTMLElement> & {};
 
-declare const NavItem: (props: NavItemProps) => React$1.JSX.Element;
+declare const NavItem: (props: NavItemProps) => React__default.JSX.Element;
 
-type NavLinkProps = Omit<LinkProps, 'to'> & Pick<ButtonProps, 'size' | 'style' | 'type'> & {
+type NavLinkProps = Omit<LinkProps, 'to'> & Pick<ButtonProps, 'appearance' | 'size' | 'style' | 'type'> & {
     /**
      * The destination URL or path for the navigation link.
      * If the URL starts with "https", it will be treated as an external link and rendered as an <a> tag.
@@ -1068,15 +1124,19 @@ type NavLinkProps = Omit<LinkProps, 'to'> & Pick<ButtonProps, 'size' | 'style' |
      * <NavLink to="https://www.example.com">External</NavLink>
      */
     to: string | -1;
+    /**
+     * provide a way to override the styling
+     */
+    'component-variant'?: string;
 };
 
-declare const NavLink: (props: NavLinkProps) => React$1.JSX.Element;
+declare const NavLink: (props: NavLinkProps) => React__default.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$1.ForwardRefExoticComponent<PopoverProps & React$1.RefAttributes<PopoverHandle>>;
+declare const Popover: React__default.ForwardRefExoticComponent<PopoverProps & React__default.RefAttributes<PopoverHandle>>;
 
 /**
  * Props for the Option component, extending LiHTMLAttributes<HTMLLIElement>.
@@ -1116,7 +1176,7 @@ type OptionProps = LiHTMLAttributes<HTMLLIElement> & {
  * @param props - Props for configuring the Option component.
  * @returns Element representing the option.
  */
-declare const Option: (props: OptionProps) => React$1.JSX.Element;
+declare const Option: (props: OptionProps) => React__default.JSX.Element;
 
 /**
  * Represents the context provided by the Select component.
@@ -1233,6 +1293,11 @@ type SelectViewProps = Omit<HTMLAttributes<HTMLElement>, 'style' | 'children'> &
    * @default false
    */
     hasDefaultOption?: boolean;
+    /**
+     * Indicates if multiple options can be selected.
+     * @default false
+     */
+    multiple?: boolean;
     /**
      * Additional CSS classes for customization.
      */
@@ -1262,7 +1327,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$1.JSX.Element;
+declare const SelectProvider: ({ children, value, defaultValue, multiple, disabled, onValueChanged, }: SelectProviderProps) => React__default.JSX.Element;
 
 /**
  * Select component that wraps SelectComponent with SelectProvider.
@@ -1294,9 +1359,10 @@ interface TabContentProps {
     className?: string;
 }
 
-declare const TabContent: (props: TabContentProps) => React$1.JSX.Element | null;
+declare const TabContent: (props: TabContentProps) => React__default.JSX.Element | null;
 
-type TabItemProps = Omit<HTMLAttributes<HTMLButtonElement>, 'style'> & {
+type TabItemStyleEnum = 'Filled' | 'Underlined';
+type TabItemProps = Omit<ButtonProps, 'actionType' | 'appearance' | 'size' | 'style' | 'type'> & {
     /**
      * The tabs value.
      * @remarks
@@ -1314,30 +1380,38 @@ type TabItemProps = Omit<HTMLAttributes<HTMLButtonElement>, 'style'> & {
      */
     defaultTab?: boolean;
     /**
-     * Click event handler for the button.
-     */
-    onClick?: (event?: MouseEvent<HTMLElement>) => void;
+    * The tab item style to apply.
+    * @default Filled
+    */
+    style?: TabItemStyleEnum;
 };
 
-declare const TabItem: (props: TabItemProps) => React$1.JSX.Element;
+declare const TabItem: (props: TabItemProps) => React__default.JSX.Element;
 
 type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
 
-declare const TableBody: (props: TableBodyProps) => React$1.JSX.Element;
+declare const TableBody: (props: TableBodyProps) => React__default.JSX.Element;
 
 type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
 
-declare const TableCell: (props: TableCellProps) => React$1.JSX.Element;
+declare const TableCell: (props: TableCellProps) => React__default.JSX.Element;
 
 type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
 
-declare const TableHeader: (props: TableHeaderProps) => React$1.JSX.Element;
+declare const TableHeader: (props: TableHeaderProps) => React__default.JSX.Element;
 
 type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
 
-declare const TableRow: (props: TableRowProps) => React$1.JSX.Element;
+declare const TableRow: (props: TableRowProps) => React__default.JSX.Element;
 
+type TabsStyleEnum = 'Filled' | 'Underlined';
+type TabsTypeEnum = 'Horizontal' | 'Vertical';
 type TabContextType = {
+    /**
+    * The tab item style to apply.
+    * @default Filled
+    */
+    style: TabsStyleEnum;
     /**
      * The currently selected tab.
      */
@@ -1357,6 +1431,11 @@ type TabProviderProps = {
      * The value of the tab.
      */
     value?: number | string;
+    /**
+    * The tab item style to apply.
+    * @default Filled
+    */
+    style?: TabsStyleEnum;
     /**
      * Callback function when a tab is clicked.
      * @param value - The value of the clicked tab.
@@ -1372,6 +1451,16 @@ type TabsViewProps = {
      * Additional class for styling.
      */
     className?: string;
+    /**
+    * The tab item style to apply.
+    * @default Filled
+    */
+    style?: TabsStyleEnum;
+    /**
+     * The tab item type to apply.
+     * @default Horizontal
+     */
+    type?: TabsTypeEnum;
 };
 type TabsProps = TabProviderProps & TabsViewProps;
 
@@ -1381,13 +1470,13 @@ type TabsProps = TabProviderProps & TabsViewProps;
  */
 declare const useTab: () => TabContextType;
 
-declare const Tabs: (props: TabsProps) => React$1.JSX.Element;
+declare const Tabs: (props: TabsProps) => React__default.JSX.Element;
 
-declare const Form: <T extends FormState>(props: FormProviderProps<T> & FormProps) => React$1.JSX.Element;
+declare const Form: <T extends FormState>(props: FormProviderProps<T> & FormProps) => React__default.JSX.Element;
 
 type TableProps = TableHTMLAttributes<HTMLTableElement>;
 
-declare const Table: (props: TableProps) => React$1.JSX.Element;
+declare const Table: (props: TableProps) => React__default.JSX.Element;
 
 type ThemeContextType = {
     theme: string;
@@ -1398,7 +1487,7 @@ type ThemeProviderProps = {
     children?: ReactNode;
 };
 
-declare const ThemeContext: React$1.Context<ThemeContextType>;
-declare const ThemeProvider: React$1.FC<ThemeProviderProps>;
+declare const ThemeContext: React__default.Context<ThemeContextType>;
+declare const ThemeProvider: React__default.FC<ThemeProviderProps>;
 
-export { ActionCard, type ActionCardProps, ActionImage, type ActionImageProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, type CardProps, ContextMenu, type ContextMenuProps, 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, ListWrapper as 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 };
+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.16",
+  "version": "0.1.18",
   "private": false,
   "scripts": {
     "start": "vite",