@delightui/components 0.1.43 → 0.1.45

package/dist/cjs/components/atoms/Checkbox/Checkbox.d.ts

@@ -8,5 +8,6 @@ declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttr
     invalid?: boolean;
     value?: string | number;
     labelAlignment?: import("./Checkbox.types").CheckboxLabelAlignmentEnum;
+    independent?: boolean;
 } & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;

package/dist/cjs/components/atoms/Checkbox/Checkbox.types.d.ts

@@ -38,4 +38,9 @@ export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' |
      * The alignment of the label.
      */
     labelAlignment?: CheckboxLabelAlignmentEnum;
+    /**
+     * The checkbox is independent of the parent form field context.
+     * @default false
+     */
+    independent?: boolean;
 };

package/dist/cjs/components/atoms/Input/Input.d.ts

@@ -7,5 +7,6 @@ declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttribu
     leadingIcon?: React.ReactNode;
     trailingIcon?: React.ReactNode;
     'component-variant'?: string;
+    independent?: boolean;
 } & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/cjs/components/atoms/Input/Input.types.d.ts

@@ -35,4 +35,9 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'v
      * provide a way to override the styling
      */
     'component-variant'?: string;
+    /**
+     * The input is independent of the parent form field context.
+     * @default false
+     */
+    independent?: boolean;
 };

package/dist/cjs/components/atoms/SelectListItem/SelectListItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SelectListItemProps } from "./SelectListItem.types";
+declare const SelectListItem: (props: SelectListItemProps) => React.JSX.Element;
+export default SelectListItem;

package/dist/cjs/components/atoms/SelectListItem/SelectListItem.types.d.ts

@@ -0,0 +1,27 @@
+import type { HTMLAttributes, MouseEvent, ReactNode } from 'react';
+export type SelectListItemProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+    /**
+     * Icon to be displayed before the button's content.
+     */
+    leadingIcon?: ReactNode;
+    /**
+     * Icon to be displayed after the button's content.
+     */
+    trailingIcon?: ReactNode;
+    /**
+     * Whether the list item is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Click event handler for the list item.
+     */
+    onClick?: (event?: MouseEvent<HTMLElement>) => void;
+    /**
+     * The label for the list item.
+     */
+    children?: ReactNode;
+    /**
+     * Additional class for styling.
+     */
+    className?: string;
+};

package/dist/cjs/components/atoms/SelectListItem/index.d.ts

@@ -0,0 +1,4 @@
+import SelectListItem from './SelectListItem';
+import type { SelectListItemProps } from './SelectListItem.types';
+export type { SelectListItemProps };
+export default SelectListItem;

package/dist/cjs/components/atoms/ToastNotification/ToastNotification.types.d.ts

@@ -1,17 +1,11 @@
 import type { HTMLAttributes, ReactNode, MouseEvent } from 'react';
 export type ToastNotificationStyleEnum = 'Neutral' | 'Error' | 'Success';
-export type ToastNotificationPositionEnum = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 export type ToastNotificationProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     /**
      * Style of the toast notification.
      * @default 'Neutral'
      */
     style?: ToastNotificationStyleEnum;
-    /**
-     * Position of the toast notification.
-     * @default 'top-right'
-     */
-    position?: ToastNotificationPositionEnum;
     /**
      * Determines if the toast notification is dismissible.
      * @default true

package/dist/cjs/components/atoms/Toggle/index.d.ts

@@ -1,2 +1,3 @@
 import Toggle from './Toggle';
 export default Toggle;
+export * from './Toggle.types';

package/dist/cjs/components/atoms/Tooltip/Tooltip.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TooltipProps } from './Tooltip.types';
+declare const Tooltip: ({ children, direction, alignment, action, style, isVisible, target, className, }: TooltipProps) => React.JSX.Element;
+export default Tooltip;

package/dist/cjs/components/atoms/Tooltip/Tooltip.types.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+/**
+ * Enum for the action type of the Tooltip.
+ */
+export type TooltipActionType = 'Click' | 'Hover' | 'Follow';
+/**
+ * Enum for the direction of the Tooltip.
+ */
+export type TooltipDirectionEnum = 'Top' | 'Bottom' | 'Right' | 'Left';
+/**
+ * Enum for the alignment of the Tooltip.
+ */
+export type TooltipAlignEnum = 'Start' | 'End' | 'Center';
+/**
+ * Enum for the style of the Tooltip.
+ */
+export type TooltipStyleEnum = 'Default' | 'Outlined';
+/**
+ * Props for the Tooltip component.
+ */
+export type TooltipProps = {
+    /**
+     * The content displayed inside the tooltip.
+     */
+    children?: React.ReactNode;
+    /**
+     * The direction where the tooltip should appear relative to the target.
+     * @default "Top"
+     */
+    direction?: TooltipDirectionEnum;
+    /**
+     * Alignment of the tooltip relative to the target.
+     * @default "Start"
+     */
+    alignment?: TooltipAlignEnum;
+    /**
+     * The event that action the tooltip visibility.
+     * @default "Hover"
+     */
+    action?: TooltipActionType;
+    /**
+     * Whether the tooltip is initially visible.
+     * @default false
+     */
+    isVisible?: boolean;
+    /**
+     * The target element that triggers the tooltip.
+     */
+    target?: React.ReactNode;
+    /**
+     * The style of the tooltip.
+     * @default "Default"
+     */
+    style?: TooltipStyleEnum;
+    /**
+     * Additional CSS class names for the tooltip.
+     */
+    className?: string;
+};

package/dist/cjs/components/atoms/Tooltip/index.d.ts

@@ -0,0 +1,4 @@
+import Tooltip from './Tooltip';
+import { TooltipProps } from './Tooltip.types';
+export default Tooltip;
+export type { TooltipProps };

package/dist/cjs/components/atoms/index.d.ts

@@ -10,8 +10,10 @@ export { default as Text } from './Text';
 export { default as TextArea } from './TextArea';
 export { default as ResponsiveComponent } from './ResponsiveComponent';
 export { default as ListItem } from './ListItem';
+export { default as SelectListItem } from './SelectListItem';
 export { default as Toggle } from './Toggle';
 export { default as ToggleButton } from './ToggleButton';
+export { default as Tooltip } from './Tooltip';
 export { default as CustomToggle } from './CustomToggle';
 export { default as Chip } from './Chip';
 export { default as Checkbox } from './Checkbox';
@@ -29,6 +31,7 @@ export * from './Text';
 export * from './TextArea';
 export * from './ResponsiveComponent';
 export * from './ListItem';
+export * from './SelectListItem';
 export * from './Toggle';
 export * from './ToggleButton';
 export * from './CustomToggle';
@@ -36,3 +39,4 @@ export * from './Chip';
 export * from './Checkbox';
 export * from './CheckboxItem';
 export * from './Slider';
+export * from './Tooltip';

package/dist/cjs/components/molecules/Accordion/Accordion.types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from "react";
+export type AccordionSizeEnum = 'Small' | 'Medium' | 'Large';
 export type AccordionSummaryProps = {
     children: ReactNode;
     className?: string;
@@ -21,6 +22,11 @@ export type AccordionDetailsProps = {
 export type AccordionProps = {
     children: ReactNode;
     className?: string;
+    /**
+     * The size of the accordion.
+     * @default 'Medium'
+     */
+    size?: AccordionSizeEnum;
     /**
      * Whether the accordion is expanded by default.
      * @default false

package/dist/cjs/components/molecules/ChipInput/ChipInput.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ChipInputProps } from "./ChipInput.types";
-declare const ChipInput: React.FC<ChipInputProps>;
-export default ChipInput;
+declare const _default: React.NamedExoticComponent<ChipInputProps>;
+export default _default;

package/dist/cjs/components/molecules/FormField/FormField.types.d.ts

@@ -7,7 +7,7 @@ export type FormFieldProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * The label for the form field
      */
-    label: string;
+    label?: string;
     /**
      * Optional message for the form field
      */
@@ -56,6 +56,10 @@ export type FormFieldContextValues<T extends FieldValue = FieldValue> = {
      * id to use as htmlFor for label and id for input elements
      */
     formFieldId: string;
+    /**
+     * name of the form field
+     */
+    name?: string;
 };
 /**
  * Props for the FormFieldProvider component.
@@ -125,4 +129,9 @@ export type UseFieldProps<T extends FieldValue = FieldValue> = {
      * Default value for the field
      */
     defaultValue?: T;
+    /**
+     * the field is independent of the parent form field contexts
+     * @default false
+     */
+    independent?: boolean;
 };

package/dist/cjs/components/molecules/FormField/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import type { FormFieldProps, FormFieldProviderProps } from './FormField.types';
 import useField from './useField';
 export { useField };
-declare const FormField: (props: FormFieldProviderProps & FormFieldProps) => React.JSX.Element;
+type FormFieldPropsWithProvider = FormFieldProviderProps & FormFieldProps;
+declare const FormField: (props: FormFieldPropsWithProvider) => React.JSX.Element;
 export default FormField;
-export type { FormFieldProps };
+export type { FormFieldProps, FormFieldPropsWithProvider };

package/dist/cjs/components/molecules/FormField/useField.d.ts

@@ -7,5 +7,6 @@ declare const useField: <T extends FieldValue = FieldValue>(props: UseFieldProps
     requiredField: boolean | undefined;
     invalidField: boolean | undefined;
     formFieldId: string | undefined;
+    name: string | undefined;
 };
 export default useField;

package/dist/cjs/components/molecules/ProgressBar/ProgressBar.types.d.ts

@@ -20,7 +20,6 @@ export type ProgressBarProps = {
      * Defines the orientation of the progress bar
      * @default "horizontal"
      */
-    orientation?: ProgressBarOrientation;
     /**
      * Determines if and how the label is displayed
      */