@namuna-nur/ui-kit 1.0.2

package/lib/src/molecules/CommentList/CommentList.tokens.d.ts

@@ -0,0 +1,35 @@
+export declare const commentItemTokens: {
+    root: string;
+    wrapper: string;
+    avatar: {
+        wrapperBase: string;
+        wrapperComment: string;
+        wrapperReview: string;
+        img: string;
+    };
+    author: {
+        fullNameBase: string;
+        fullNameComment: string;
+        fullNameReview: string;
+        jobTitle: string;
+    };
+    comment: {
+        base: string;
+        comment: string;
+        review: string;
+    };
+    stars: {
+        row: string;
+        icon: string;
+        filled: string;
+        empty: string;
+        score: string;
+    };
+    commentText: string;
+    commentDate: string;
+    emptyText: {
+        base: string;
+        comment: string;
+        review: string;
+    };
+};

package/lib/src/molecules/CommentList/CommentList.types.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+import { CommentList } from './CommentList';
+export type CommentListStory = StoryObj<typeof CommentList>;
+export type CommentItem = {
+    fullName: string;
+    role?: string;
+    comment: string;
+    date: string;
+    time: string;
+    avatarSrc?: string;
+    stars?: number;
+};
+export type CommentListProps = {
+    comments?: CommentItem[];
+    emptyText?: string;
+    variant?: 'comment' | 'review';
+    classNames?: {
+        root?: string;
+        comment?: string;
+    };
+};

package/lib/src/molecules/CommentList/index.d.ts

@@ -0,0 +1,3 @@
+export { CommentList } from './CommentList';
+export type * from './CommentList.types';
+export * from './CommentList.tokens';

package/lib/src/molecules/DateOfBirth/DateOfBirth.d.ts

@@ -0,0 +1,2 @@
+import { DateOfBirthProps } from '..';
+export declare const DateOfBirth: ({ value, setValue, disabled, label, classNames, }: DateOfBirthProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/DateOfBirth/DateOfBirth.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react';
+import { DateOfBirth } from './DateOfBirth';
+import { DateOfBirthStory } from '..';
+declare const meta: Meta<typeof DateOfBirth>;
+export declare const Template: ({ ...args }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Default: DateOfBirthStory;
+export declare const Disabled: DateOfBirthStory;
+export default meta;

package/lib/src/molecules/DateOfBirth/DateOfBirth.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/DateOfBirth/DateOfBirth.tokens.d.ts

@@ -0,0 +1,6 @@
+export declare const dateOfBirthClasses: {
+    root: string;
+    selectContainer: string;
+    label: string;
+    dangerMessage: string;
+};

package/lib/src/molecules/DateOfBirth/DateOfBirth.types.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { Dispatch, SetStateAction } from 'react';
+import { DateOfBirth } from '..';
+export type DateOfBirthStory = StoryObj<typeof DateOfBirth>;
+export type DateOfBirthProps = {
+    value?: Date | undefined;
+    setValue: Dispatch<SetStateAction<Date | undefined>>;
+    disabled?: boolean;
+    label?: string;
+    classNames?: {
+        label?: string;
+    };
+};

package/lib/src/molecules/DateOfBirth/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DateOfBirth';
+export * from './DateOfBirth.tokens';
+export type * from './DateOfBirth.types';

package/lib/src/molecules/DatePicker/DatePicker.d.ts

@@ -0,0 +1,2 @@
+import { DatePickerProps } from '..';
+export declare const DatePicker: ({ value, setValue, classNames, disabled, label, message, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/DatePicker/DatePicker.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryFn } from '@storybook/react';
+import { DatePicker, DatePickerProps, DatePickerStory } from '..';
+declare const meta: Meta<typeof DatePicker>;
+export declare const Default: StoryFn<DatePickerProps>;
+export declare const WithLabel: DatePickerStory;
+export declare const Disabled: DatePickerStory;
+export declare const Error: DatePickerStory;
+export default meta;

package/lib/src/molecules/DatePicker/DatePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/DatePicker/DatePicker.tokens.d.ts

@@ -0,0 +1,57 @@
+export declare const datePickerClasses: {
+    base: string;
+    container: string;
+    inputContainer: string;
+    inputWrapper: {
+        base: string;
+        active: string;
+        focus: string;
+        disabled: string;
+        hover: string;
+        pressed: string;
+    };
+    input: {
+        base: string;
+        disabled: string;
+        focus: string;
+        hover: string;
+        pressed: string;
+    };
+    calendarButton: {
+        base: string;
+        hover: string;
+        active: string;
+        focus: string;
+        disabled: string;
+    };
+    calendarIcon: {
+        base: string;
+        focus: string;
+        hover: string;
+        active: string;
+        disabled: string;
+    };
+    popover: string;
+    popoverWrapper: string;
+    todayText: string;
+    todayLabel: string;
+    navigation: string;
+    navButton: string;
+    selectContainer: string;
+    select: string;
+    weekHeader: string;
+    weekDay: string;
+    calendar: string;
+    dayButton: string;
+    daySelected: string;
+    dayToday: string;
+    dayWeekend: string;
+    dayNormal: string;
+    dayOutside: string;
+    resetButtonWrapper: string;
+    resetButton: string;
+    line: string;
+    saveButtonWrapper: string;
+    saveButton: string;
+    message: string;
+};

package/lib/src/molecules/DatePicker/DatePicker.types.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { Dispatch, SetStateAction } from 'react';
+import { DatePicker } from './DatePicker';
+export type DatePickerStory = StoryObj<typeof DatePicker>;
+export type DatePickerProps = {
+    value?: Date | undefined;
+    setValue: Dispatch<SetStateAction<Date | undefined>>;
+    disabled?: boolean;
+    label?: string;
+    message?: string;
+    classNames?: {
+        base?: string;
+        input?: string;
+        inputWrapper?: string;
+        label?: string;
+        message?: string;
+    };
+};

package/lib/src/molecules/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DatePicker';
+export * from './DatePicker.tokens';
+export type * from './DatePicker.types';

package/lib/src/molecules/DeleteMessage/DeleteMessage.d.ts

@@ -0,0 +1,2 @@
+import { DeleteMessageProps } from '..';
+export declare const DeleteMessage: ({ messagesCount, open, onDelete, onClose, classNames, }: DeleteMessageProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/DeleteMessage/DeleteMessage.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { DeleteMessage, DeleteMessageStory } from '..';
+declare const meta: Meta<typeof DeleteMessage>;
+export declare const Default: DeleteMessageStory;
+export declare const Animation: DeleteMessageStory;
+export default meta;

package/lib/src/molecules/DeleteMessage/DeleteMessage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/DeleteMessage/DeleteMessage.tokens.d.ts

@@ -0,0 +1,9 @@
+export declare const deleteMessageTokens: {
+    wrapper: string;
+    content: string;
+    delete: {
+        button: string;
+        icon: string;
+    };
+    amount: string;
+};

package/lib/src/molecules/DeleteMessage/DeleteMessage.types.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { DeleteMessage } from '..';
+export type DeleteMessageStory = StoryObj<typeof DeleteMessage>;
+export type DeleteMessageProps = {
+    messagesCount: number;
+    open: boolean;
+    onDelete: () => void;
+    onClose: () => void;
+    classNames?: {
+        wrapper?: string;
+        content?: string;
+    };
+};

package/lib/src/molecules/DeleteMessage/index.d.ts

@@ -0,0 +1,3 @@
+export { DeleteMessage } from './DeleteMessage';
+export * from './DeleteMessage.tokens';
+export type * from './DeleteMessage.types';

package/lib/src/molecules/DragAndDrop/DragAndDrop.d.ts

@@ -0,0 +1,2 @@
+import { DragAndDropProps } from './DragAndDrop.types';
+export declare const DragAndDrop: import('react').ForwardRefExoticComponent<DragAndDropProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/src/molecules/DragAndDrop/DragAndDrop.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta } from '@storybook/react-vite';
+import { DragAndDrop } from './DragAndDrop';
+declare const meta: Meta<typeof DragAndDrop>;
+export declare const Default: {
+    args: {
+        blockName: string;
+    };
+};
+export declare const WithoutName: {
+    args: {
+        blockName: string;
+    };
+};
+export default meta;

package/lib/src/molecules/DragAndDrop/DragAndDrop.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/DragAndDrop/DragAndDrop.tokens.d.ts

@@ -0,0 +1,2 @@
+import { DragAndDropTokens } from './DragAndDrop.types';
+export declare const dragAndDropTokens: DragAndDropTokens;

package/lib/src/molecules/DragAndDrop/DragAndDrop.types.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { DragAndDrop } from './DragAndDrop';
+export type DragAndDropStory = StoryObj<typeof DragAndDrop>;
+export type DragAndDropProps = {
+    blockName?: string;
+    className?: string;
+    onDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;
+    onDragEnd?: (e: React.DragEvent<HTMLDivElement>) => void;
+    onMenuClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+export type DragAndDropTokens = {
+    wrapper: string;
+    button: {
+        basic: string;
+        active: string;
+    };
+    wrapperBlockName: string;
+};

package/lib/src/molecules/DragAndDrop/index.d.ts

@@ -0,0 +1,3 @@
+export { DragAndDrop } from './DragAndDrop';
+export * from './DragAndDrop.tokens';
+export * from './DragAndDrop.types';

package/lib/src/molecules/Dropdown/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import { DropdownProps } from '..';
+import * as React from 'react';
+export declare const Dropdown: React.FC<DropdownProps>;

package/lib/src/molecules/Dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { Dropdown, DropdownStory } from '..';
+declare const meta: Meta<typeof Dropdown>;
+export declare const Default: DropdownStory;
+export declare const ToggleDropdown: DropdownStory;
+export default meta;

package/lib/src/molecules/Dropdown/Dropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/Dropdown/Dropdown.tokens.d.ts

@@ -0,0 +1,13 @@
+export declare const dropdownTokens: {
+    modal: {
+        trigger: string;
+        content: string;
+        item: {
+            active: string;
+        };
+    };
+    text: {
+        base: string;
+        dot: string;
+    };
+};

package/lib/src/molecules/Dropdown/Dropdown.types.d.ts

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react';
+import { Dropdown, SidebarItem } from '..';
+import type * as React from 'react';
+export type DropdownStory = StoryObj<typeof Dropdown>;
+export type DropdownProps = {
+    triggerElement: React.ReactNode;
+    mainUrl: string;
+    options?: SidebarItem[];
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    classNames?: {
+        trigger?: string;
+        content?: string;
+        item?: string;
+        activeItem?: string;
+        text?: string;
+        dot?: string;
+    };
+};
+export declare const LIST_ITEMS: SidebarItem[];

package/lib/src/molecules/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export { Dropdown } from './Dropdown';
+export * from './Dropdown.tokens';
+export type * from './Dropdown.types';

package/lib/src/molecules/FileUploader/FileUploader.d.ts

@@ -0,0 +1,2 @@
+import { FileUploaderProps } from '..';
+export declare const FileUploader: ({ title, description, files, setFiles, classNames, }: FileUploaderProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/FileUploader/FileUploader.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { FileUploader, FileUploaderStory } from '..';
+declare const meta: Meta<typeof FileUploader>;
+export default meta;
+export declare const Default: FileUploaderStory;
+export declare const WithPhoto: FileUploaderStory;
+export declare const WithFile: FileUploaderStory;

package/lib/src/molecules/FileUploader/FileUploader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/FileUploader/FileUploader.tokens.d.ts

@@ -0,0 +1,19 @@
+export declare const fileUploaderTokens: {
+    wrapper: string;
+    header: string;
+    headerIcon: string;
+    headerText: string;
+    container: string;
+    imageWrapper: string;
+    image: string;
+    imageText: string;
+    fileWrapper: string;
+    fileIcon: string;
+    fileText: string;
+    fileSize: string;
+    downloadIcon: string;
+    target: string;
+    plusIcon: string;
+    input: string;
+    description: string;
+};

package/lib/src/molecules/FileUploader/FileUploader.types.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { FileUploader } from './FileUploader';
+export type FileUploaderProps = {
+    title?: string;
+    description?: string;
+    files?: File[];
+    setFiles: React.Dispatch<React.SetStateAction<File[]>>;
+    classNames?: {
+        wrapper?: string;
+        container?: string;
+        description?: string;
+        target?: string;
+        file?: string;
+        image?: string;
+        imageWrapper?: string;
+    };
+};
+export type FileUploaderStory = StoryObj<typeof FileUploader>;

package/lib/src/molecules/FileUploader/index.d.ts

@@ -0,0 +1,3 @@
+export { FileUploader } from './FileUploader';
+export type * from './FileUploader.types';
+export * from './FileUploader.tokens';

package/lib/src/molecules/FilterTable/FilterTable.d.ts

@@ -0,0 +1,2 @@
+import { FilterTableProps } from '..';
+export declare const FilterTable: ({ classNames, disabled, onChange, options, placeholder, value, icon: Icon, iconSizes, }: FilterTableProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/FilterTable/FilterTable.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react-vite';
+import { FilterTableStory, FilterTable } from '..';
+declare const meta: Meta<typeof FilterTable>;
+export declare const Default: FilterTableStory;
+export declare const Selected: FilterTableStory;
+export declare const WhithIcon: FilterTableStory;
+export declare const Disabled: FilterTableStory;
+export default meta;

package/lib/src/molecules/FilterTable/FilterTable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/FilterTable/FilterTable.tokens.d.ts

@@ -0,0 +1,19 @@
+export declare const filterTableTokens: {
+    base: {
+        content: string;
+        dropdownIcon: string;
+        items: string;
+        item: string;
+        label: string;
+        placeholder: string;
+        selected: string;
+        icon: string;
+        trigger: string;
+    };
+    disabled: {
+        trigger: string;
+        triggerText: string;
+    };
+    focus: string;
+    hover: string;
+};

package/lib/src/molecules/FilterTable/FilterTable.types.d.ts

@@ -0,0 +1,35 @@
+import { StoryObj } from '@storybook/react';
+import { FunctionComponent, SVGProps } from 'react';
+import { FilterTable } from '..';
+export type FilterTableStory = StoryObj<typeof FilterTable>;
+export type FilterTableClassNames = {
+    trigger?: string;
+    content?: string;
+    placeholder?: string;
+    selected?: string;
+    label?: string;
+    icon?: string;
+};
+export type FilterTableOption = {
+    label: string;
+    value: string;
+};
+export type FilterTableMessageType = 'success' | 'danger' | 'info';
+export type FilterTableMessage = {
+    type: FilterTableMessageType;
+    text: string;
+};
+export type FilterTableProps = {
+    options: FilterTableOption[];
+    onChange: (value: string) => void;
+    value: string;
+    classNames?: FilterTableClassNames;
+    placeholder?: string;
+    disabled?: boolean;
+    icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
+    iconSizes?: {
+        width?: number;
+        height?: number;
+        viewBox?: string;
+    };
+};

package/lib/src/molecules/FilterTable/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FilterTable';
+export * from './FilterTable.tokens';
+export type * from './FilterTable.types';

package/lib/src/molecules/IconTitle/IconTitle.d.ts

@@ -0,0 +1,2 @@
+import { IconTitleProps } from '..';
+export declare const IconTitle: React.FC<IconTitleProps>;

package/lib/src/molecules/IconTitle/IconTitle.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { IconTitle } from './IconTitle';
+import { IconTitleStory } from './IconTitle.types';
+declare const meta: Meta<typeof IconTitle>;
+export declare const Default: IconTitleStory;
+export default meta;

package/lib/src/molecules/IconTitle/IconTitle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/IconTitle/IconTitle.tokens.d.ts

@@ -0,0 +1,5 @@
+export declare const iconTitleTokens: {
+    wrapper: string;
+    headerTitle: string;
+    icon: string;
+};

package/lib/src/molecules/IconTitle/IconTitle.types.d.ts

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react-vite';
+import { IconTitle } from './IconTitle';
+export type IconTitleStory = StoryObj<typeof IconTitle>;
+type ClassNamesIconTitle = {
+    title?: string;
+    wrapper?: string;
+};
+export type IconTitleProps = {
+    icon: React.ReactNode;
+    title: string;
+    alt?: string;
+    classNames?: ClassNamesIconTitle;
+    position?: 'right' | 'left';
+    viewBox?: string;
+};
+export type IconTitleTokens = {
+    wrapper: string;
+    headerTitle: string;
+};
+export {};

package/lib/src/molecules/IconTitle/index.d.ts

@@ -0,0 +1,3 @@
+export { IconTitle } from './IconTitle';
+export type * from './IconTitle.types';
+export * from './IconTitle.tokens';

package/lib/src/molecules/InputGroup/InputGroup.d.ts

@@ -0,0 +1,2 @@
+import { InputGroupProps } from './InputGroup.types';
+export declare const InputGroup: ({ id, label, disabled, icon: Icon, iconProps, iconPosition, text, classNames, onIconClick, inputProps, ...props }: InputGroupProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/InputGroup/InputGroup.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react';
+import { InputGroup, InputGroupStory } from '..';
+declare const meta: Meta<typeof InputGroup>;
+export declare const Default: InputGroupStory;
+export declare const WithIconRight: InputGroupStory;
+export declare const WithIconLeft: InputGroupStory;
+export declare const Disabled: InputGroupStory;
+export declare const WithMessageError: InputGroupStory;
+export declare const WithTextRight: InputGroupStory;
+export declare const WithTextLeft: InputGroupStory;
+export default meta;

package/lib/src/molecules/InputGroup/InputGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/InputGroup/InputGroup.tokens.d.ts

@@ -0,0 +1,34 @@
+export declare const inputGroupTokens: {
+    parent: string;
+    base: string;
+    button: {
+        base: string;
+        left: string;
+        right: string;
+    };
+    input: {
+        base: string;
+        left: string;
+        right: string;
+    };
+    message: {
+        base: string;
+        styles: {
+            danger: string;
+            info: string;
+            success: string;
+        };
+    };
+    container: string;
+    icon: {
+        base: string;
+        left: string;
+        right: string;
+        disabled: string;
+        clickable: string;
+        inputWithLeftIcon: string;
+        inputWithRightIcon: string;
+        icon: string;
+        text: string;
+    };
+};

package/lib/src/molecules/InputGroup/InputGroup.types.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react';
+import { FunctionComponent, SVGProps } from 'react';
+import { InputGroup } from './InputGroup';
+import { InputMessageType, InputProps } from '../../atoms';
+export type InputGroupStory = StoryObj<typeof InputGroup>;
+export type InputMessage = {
+    type: InputMessageType;
+    text: string;
+};
+export type InputGroupProps = {
+    inputProps?: InputProps;
+    classNames?: {
+        parent?: string;
+        label?: string;
+        input?: string;
+        iconButton?: string;
+        icon?: string;
+        text?: string;
+        base?: string;
+    };
+    label?: string;
+    id?: string;
+    text?: string;
+    message?: InputMessage;
+    disabled?: boolean;
+    iconPosition?: 'left' | 'right';
+    icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
+    onIconClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    iconProps?: {
+        width?: number;
+        height?: number;
+        viewBox?: string;
+    };
+};

package/lib/src/molecules/InputGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { InputGroup } from './InputGroup';
+export { inputGroupTokens } from './InputGroup.tokens';
+export * from './InputGroup.types';