@delightui/components 0.1.2 → 0.1.4

package/dist/cjs/main.d.ts

@@ -1 +0,0 @@
-import './index.scss';

package/dist/cjs/modules/index.d.ts

@@ -1 +0,0 @@
-export * from './theme';

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

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

package/dist/cjs/modules/theme/ThemeProvider.types.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from 'react';
-export type ThemeContextType = {
-    theme: string;
-    updateTheme: (theme: string) => void;
-};
-export type ThemeProviderProps = {
-    theme?: string;
-    children?: ReactNode;
-};

package/dist/cjs/modules/theme/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ThemeProvider';
-export * from './ThemeProvider.types';

package/dist/esm/App.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import './resources/themes/base.css';
-import './resources/themes/dark.css';
-import './custom.css';
-declare function App(): React.JSX.Element;
-export default App;

package/dist/esm/App.utils.d.ts

@@ -1,2 +0,0 @@
-export declare const getAttributeOptionsCombinations: <PropType>(attributes: Record<keyof PropType, (string | boolean | number)[]>) => PropType[];
-export declare const chunkArray: <PropType>(array: PropType[], chunkSize: number) => PropType[][];

package/dist/esm/components/atoms/ActionCard/ActionCard.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ActionCardProps } from './ActionCard.types';
-/**
- * ActionCard component definition.
- */
-declare const ActionCard: (props: ActionCardProps) => React.JSX.Element;
-export default ActionCard;

package/dist/esm/components/atoms/ActionCard/ActionCard.types.d.ts

@@ -1,16 +0,0 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-export type ActionCardProps = HTMLAttributes<HTMLDivElement> & {
-    /**
-     * The content to be displayed within the action card.
-     */
-    children: ReactNode;
-    /**
-     * Specifies if the action card is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-};

package/dist/esm/components/atoms/ActionCard/index.d.ts

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

package/dist/esm/components/atoms/ActionImage/ActionImage.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ActionImageProps } from './ActionImage.types';
-/**
- * ActionImage component definition.
- */
-declare const ActionImage: (props: ActionImageProps) => React.JSX.Element;
-export default ActionImage;

package/dist/esm/components/atoms/ActionImage/ActionImage.types.d.ts

@@ -1,12 +0,0 @@
-import type { ImageProps } from '../Image';
-export type ActionImageProps = ImageProps & {
-    /**
-     * Specifies if the action image is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-};

package/dist/esm/components/atoms/ActionImage/index.d.ts

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

package/dist/esm/components/atoms/Button/Button.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ButtonProps } from './Button.types';
-/**
- * Button component definition.
- */
-declare const Button: (props: ButtonProps) => React.JSX.Element;
-export default Button;

package/dist/esm/components/atoms/Button/Button.types.d.ts

@@ -1,53 +0,0 @@
-import type { HTMLAttributes, ReactNode, MouseEvent } from 'react';
-export type ButtonTypeEnum = 'Filled' | 'Outline' | 'Ghost';
-export type ButtonStyleEnum = 'Primary' | 'Secondary' | 'Destructive';
-export type ButtonSizeEnum = 'Small' | 'Medium' | 'Large';
-export type ButtonActionTypeEnum = 'button' | 'submit' | 'reset';
-export type ButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'style'> & {
-    /**
-     * Type of the button.
-     * @default 'Filled'
-     */
-    type?: ButtonTypeEnum;
-    /**
-     * Style of the button.
-     * @default 'Primary'
-     */
-    style?: ButtonStyleEnum;
-    /**
-     * Size of the button.
-     * @default 'Medium'
-     */
-    size?: ButtonSizeEnum;
-    /**
-     * Indicates if the button is in a loading state.
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Specifies if the button is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Icon to be displayed before the button's content.
-     */
-    leadingIcon?: ReactNode;
-    /**
-     * Icon to be displayed after the button's content.
-     */
-    trailingIcon?: ReactNode;
-    /**
-     * Click event handler for the button.
-     */
-    onClick?: (event?: MouseEvent<HTMLElement>) => void;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-    /**
-     * Type of action associated with the button.
-     * @default 'button'
-     */
-    actionType?: ButtonActionTypeEnum;
-};

package/dist/esm/components/atoms/Button/index.d.ts

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

package/dist/esm/components/atoms/Card/Card.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { CardProps } from './Card.types';
-/**
- * Card component definition.
- */
-declare const Card: (props: CardProps) => React.JSX.Element;
-export default Card;

package/dist/esm/components/atoms/Card/Card.types.d.ts

@@ -1,11 +0,0 @@
-import type { ReactNode } from 'react';
-export type CardProps = {
-    /**
-     * The content to be displayed within the card.
-     */
-    children: ReactNode;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-};

package/dist/esm/components/atoms/Card/index.d.ts

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

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

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

package/dist/esm/components/atoms/Checkbox/index.d.ts

@@ -1,2 +0,0 @@
-import Checkbox from './Checkbox';
-export default Checkbox;

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

@@ -1,8 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-export type CheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
-    isChecked?: boolean;
-    label?: string;
-    onCheckboxChange?: (value: boolean) => void;
-    children?: React.ReactNode;
-    ref?: React.RefObject<HTMLInputElement>;
-};

package/dist/esm/components/atoms/Icon/Icon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { IconProps } from './Icon.types';
-declare const Icon: (props: IconProps) => React.JSX.Element | null;
-export default Icon;

package/dist/esm/components/atoms/Icon/Icon.types.d.ts

@@ -1,22 +0,0 @@
-export type IconStyleEnum = 'Outlined' | 'Filled' | 'Round';
-export type IconSizeEnum = 'Small' | 'Medium' | 'Large';
-export interface IconProps {
-    /**
-     * The name of the icon to be displayed.
-     */
-    icon: string;
-    /**
-     * Style of the icon.
-     * @default 'Filled'
-     */
-    style?: IconStyleEnum;
-    /**
-     * Size of the icon.
-     * @default 'Medium'
-     */
-    size?: IconSizeEnum;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-}

package/dist/esm/components/atoms/Icon/index.d.ts

@@ -1,4 +0,0 @@
-import type { IconProps, IconSizeEnum, IconStyleEnum } from './Icon.types';
-import Icon from './Icon';
-export type { IconProps, IconSizeEnum, IconStyleEnum };
-export default Icon;

package/dist/esm/components/atoms/Icon/useDynamicSVGImport.d.ts

@@ -1,5 +0,0 @@
-export declare const useDynamicSVGImport: (name: string) => {
-    error: any;
-    loading: boolean;
-    svgContent: string | null;
-};

package/dist/esm/components/atoms/IconButton/IconButton.d.ts

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

package/dist/esm/components/atoms/IconButton/IconButton.types.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ButtonProps } from '../Button/Button.types';
-export type IconButtonStyleEnum = 'Primary' | 'Secondary';
-export interface IconButtonProps extends Omit<ButtonProps, 'leadingIcon' | 'trailingIcon'> {
-    /**
-     * The icon to be displayed.
-     */
-    icon?: ReactNode;
-}

package/dist/esm/components/atoms/IconButton/index.d.ts

@@ -1,4 +0,0 @@
-import type { IconButtonProps, IconButtonStyleEnum } from './IconButton.types';
-import IconButton from './IconButton';
-export type { IconButtonProps, IconButtonStyleEnum };
-export default IconButton;

package/dist/esm/components/atoms/Image/image.d.ts

@@ -1,3 +0,0 @@
-import type { ImageProps } from './image.types';
-declare const Image: (props: ImageProps) => JSX.Element;
-export default Image;

package/dist/esm/components/atoms/Image/image.types.d.ts

@@ -1,33 +0,0 @@
-import type { ImgHTMLAttributes, SyntheticEvent } from 'react';
-/**
- * Enum for different image fit options.
- */
-export type ImageFitEnum = 'Fit' | 'Fill' | 'Crop';
-export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
-    /**
-     * The URL of the image to display if the image fails to load.
-     */
-    fallback?: string;
-    /**
-     * The fit option for the image.
-     * @default 'Fit'
-     */
-    fit?: ImageFitEnum;
-    /**
-     * Callback function when the image has loaded.
-     */
-    onLoad?: () => void;
-    /**
-     * Callback function when an error occurs while loading the image.
-     */
-    onError?: (error: SyntheticEvent<HTMLImageElement>) => void;
-    /**
-     * Flag to show a loading indicator for the image.
-     * @default false
-     */
-    showLoading?: boolean;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-}

package/dist/esm/components/atoms/Image/index.d.ts

@@ -1,4 +0,0 @@
-import type { ImageFitEnum, ImageProps } from './image.types';
-import Image from './image';
-export type { ImageFitEnum, ImageProps };
-export default Image;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value"> & {
-    inputType?: import("./Input.types").InputTypeEnum;
-    value?: string;
-    onValueChanged?: (value: string) => void;
-    invalid?: boolean;
-    leadingIcon?: React.ReactNode;
-    trailingIcon?: React.ReactNode;
-} & React.RefAttributes<HTMLInputElement>>;
-export default Input;

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

@@ -1,34 +0,0 @@
-import type { InputHTMLAttributes } from 'react';
-/**
- * Enum for different input types.
- */
-export type InputTypeEnum = 'Text' | 'Number' | 'Email' | 'Password';
-export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> & {
-    /**
-     * The type of input.
-     * @default 'Text'
-     */
-    inputType?: InputTypeEnum;
-    /**
-     * The value of the input.
-     */
-    value?: string;
-    /**
-     * Callback function when the input value changes.
-     * @param value - The new value of the input.
-     */
-    onValueChanged?: (value: string) => void;
-    /**
-     * Indicates if the input is invalid.
-     * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Icon to be displayed before the input.
-     */
-    leadingIcon?: React.ReactNode;
-    /**
-     * Icon to be displayed after the input.
-     */
-    trailingIcon?: React.ReactNode;
-};

package/dist/esm/components/atoms/Input/index.d.ts

@@ -1,4 +0,0 @@
-import type { InputTypeEnum, InputProps } from './Input.types';
-import Input from './Input';
-export type { InputProps, InputTypeEnum };
-export default Input;

package/dist/esm/components/atoms/List/List.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { ListProps } from './List.types';
-declare const List: <T>(props: ListProps<T>) => React.JSX.Element;
-export default List;

package/dist/esm/components/atoms/List/List.types.d.ts

@@ -1,32 +0,0 @@
-import type { HTMLAttributes } from 'react';
-/**
- * Enum for the alignment of the list.
- */
-export type ListAlignEnum = 'Horizontal' | 'Vertical';
-export type ListProps<T> = HTMLAttributes<HTMLUListElement> & {
-    /**
-     * The data to be rendered in the list.
-     */
-    data?: T[];
-    /**
-     * The component used to render each item in the list.
-     */
-    component: React.FC<any>;
-    /**
-     * Function to extract keys.
-     */
-    keyExtractor?: (item: T, index: number) => string | number;
-    /**
-     * The alignment of the list.
-     * @default 'Vertical'
-     */
-    align?: ListAlignEnum;
-    /**
-     * Flag to control if the content should wrap.
-     */
-    wrap?: boolean;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-};

package/dist/esm/components/atoms/List/index.d.ts

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

package/dist/esm/components/atoms/Password/Password.d.ts

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

package/dist/esm/components/atoms/Password/Password.types.d.ts

@@ -1,4 +0,0 @@
-import { InputProps } from "../Input";
-export type PasswordProps = Omit<InputProps, 'inputType' | 'trailingIcon'> & {
-    hideTrailingIcon?: boolean;
-};

package/dist/esm/components/atoms/Password/index.d.ts

@@ -1,2 +0,0 @@
-import Password from './Password';
-export default Password;

package/dist/esm/components/atoms/Spinner/Spinner.d.ts

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

package/dist/esm/components/atoms/Spinner/Spinner.types.d.ts

@@ -1,3 +0,0 @@
-export type SpinnerProps = {
-    className?: string;
-};

package/dist/esm/components/atoms/Spinner/index.d.ts

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

package/dist/esm/components/atoms/Text/Text.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { TextProps } from './Text.types';
-/**
- * Text component definition.
- */
-declare const Text: (props: TextProps) => React.JSX.Element;
-export default Text;

package/dist/esm/components/atoms/Text/Text.types.d.ts

@@ -1,61 +0,0 @@
-import type { transforms, types, weights } from './contants';
-/**
- * Enum for the types of text.
- */
-export type TextTypeEnum = typeof types[number];
-/**
- * Enum for the weights of text.
- */
-export type TextWeightEnum = typeof weights[number];
-/**
- * Enum for text decorations.
- */
-export type TextDecorationEnum = 'None' | 'Underline' | 'Strikethrough';
-/**
- * Enum for text transformations.
- */
-export type TextTransformEnum = typeof transforms[number];
-export interface TextProps {
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-    /**
-     * Type of the text.
-     * @default 'BodyMedium'
-     */
-    type?: TextTypeEnum;
-    /**
-     * Weight of the text.
-     * @default 'Regular'
-     */
-    weight?: TextWeightEnum;
-    /**
-     * The content to be displayed as text.
-     */
-    children?: React.ReactNode;
-    /**
-     * Flag to prevent text from wrapping.
-     * @default false
-     */
-    noWrap?: boolean;
-    /**
-     * Flag to italicize the text.
-     * @default false
-     */
-    italic?: boolean;
-    /**
-     * Decoration style for the text.
-     * @default 'None'
-     */
-    decoration?: TextDecorationEnum;
-    /**
-     * Transform style for the text.
-     * @default 'None'
-     */
-    transform?: TextTransformEnum;
-    /**
-     * Modify the element type used for rendering
-     */
-    as?: React.ElementType<any, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span'>;
-}

package/dist/esm/components/atoms/Text/contants.d.ts

@@ -1,14 +0,0 @@
-export declare const types: readonly ["Heading1", "Heading2", "Heading3", "Heading4", "Heading5", "Heading6", "BodyLarge", "BodyMedium", "BodySmall"];
-export declare const typesMap: {
-    [key in typeof types[number]]: string;
-};
-export declare const weightNames: readonly ["Thin", "ExtraLight", "Light", "Regular", "Medium", "SemiBold", "Bold", "ExtraBold", "Black", "ExtraBlack"];
-export declare const weightValues: readonly [100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
-export declare const weights: readonly ["Thin", "ExtraLight", "Light", "Regular", "Medium", "SemiBold", "Bold", "ExtraBold", "Black", "ExtraBlack", 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
-export declare const weightNameMap: {
-    [key in typeof weights[number]]: string;
-};
-export declare const transforms: readonly ["None", "Capitalize", "UpperCase", "LowerCase"];
-export declare const tansformMap: {
-    [key in typeof transforms[number]]: string;
-};

package/dist/esm/components/atoms/Text/index.d.ts

@@ -1,4 +0,0 @@
-import Text from './Text';
-import type { TextProps, TextWeightEnum, TextDecorationEnum, TextTypeEnum } from './Text.types';
-export type { TextProps, TextDecorationEnum, TextTypeEnum, TextWeightEnum };
-export default Text;

package/dist/esm/components/atoms/TextArea/TextArea.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-declare const TextArea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & {
-    value?: string;
-    onValueChanged?: (value: string) => void;
-    invalid?: boolean;
-    className?: string;
-} & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;

package/dist/esm/components/atoms/TextArea/TextArea.types.d.ts

@@ -1,21 +0,0 @@
-import type { TextareaHTMLAttributes } from 'react';
-export type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {
-    /**
-      * The value of the text area.
-      */
-    value?: string;
-    /**
-     * Callback function when the value of the text area changes.
-     * @param value - The new value of the text area.
-     */
-    onValueChanged?: (value: string) => void;
-    /**
-     * Indicates if the text area is in an invalid state.
-      * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Additional class for styling.
-     */
-    className?: string;
-};

package/dist/esm/components/atoms/TextArea/index.d.ts

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

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

@@ -1,26 +0,0 @@
-export { default as ActionCard } from './ActionCard';
-export { default as ActionImage } from './ActionImage';
-export { default as Button } from './Button';
-export { default as Card } from './Card';
-export { default as Icon } from './Icon';
-export { default as IconButton } from './IconButton';
-export { default as Image } from './Image';
-export { default as Input } from './Input';
-export { default as List } from './List';
-export { default as Password } from './Password';
-export { default as Spinner } from './Spinner';
-export { default as Text } from './Text';
-export { default as TextArea } from './TextArea';
-export * from './ActionCard';
-export * from './ActionImage';
-export * from './Button';
-export * from './Card';
-export * from './Icon';
-export * from './IconButton';
-export * from './Image';
-export * from './Input';
-export * from './List';
-export * from './Password';
-export * from './Spinner';
-export * from './Text';
-export * from './TextArea';

package/dist/esm/components/index.d.ts

@@ -1,3 +0,0 @@
-export * from './atoms';
-export * from './molecules';
-export * from './organisms';

package/dist/esm/components/molecules/ContextMenu/ContextMenu.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ContextMenuProps } from './ContextMenu.types';
-/**
- * ContextMenu component that renders a popover menu.
- */
-declare const ContextMenu: (props: ContextMenuProps) => React.JSX.Element;
-export default ContextMenu;