@namuna-nur/ui-kit 1.0.2

package/lib/src/molecules/Breadcrumb/Breadcrumb.utils.d.ts

@@ -0,0 +1,11 @@
+import { LinkProps } from 'react-router-dom';
+import * as React from 'react';
+declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    separator?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: ({ children, className, ...props }: React.ComponentProps<"li">) => import("react/jsx-runtime").JSX.Element;
+export { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+export declare const cardFilesTokens: {
+    wrapper: string;
+    wrapperContainer: string;
+    titleContainer: string;
+    circle: {
+        success: string;
+        danger: string;
+        warning: string;
+        info: string;
+    };
+    textContainer: string;
+    text: string;
+    fileContainer: string;
+    buttonContainer: string;
+    button: {
+        basic: string;
+        active: string;
+    };
+    dateAndTime: string;
+    fileName: string;
+    sizeFile: string;
+    disabled: string;
+    overlay: string;
+    iconHover: string;
+    textDisabled: string;
+    iconContainer: string;
+    fileImg: string;
+};

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

@@ -0,0 +1,40 @@
+import { StoryObj } from '@storybook/react-vite';
+import { CardFiles } from './CardFiles';
+export type CardFilesProps = {
+    title: string;
+    file?: File | null;
+    dateAndTime: Date | string;
+    className?: string;
+    isDisabled: boolean;
+    onDelete?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onDownload?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onShow?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    status?: 'success' | 'danger' | 'warning' | 'info';
+    classNames?: {
+        wrapper?: string;
+    };
+};
+export type CardFilesStory = StoryObj<typeof CardFiles>;
+export type CardFilesTokens = {
+    wrapper: string;
+    wrapperContainer: string;
+    titleContainer: string;
+    circle: string;
+    textContainer: string;
+    text: string;
+    fileContainer: string;
+    buttonContainer: string;
+    button: {
+        basic: string;
+        active: string;
+    };
+    dateAndTime: string;
+    fileName: string;
+    sizeFile: string;
+    disabled: string;
+    overlay: string;
+    iconHover: string;
+    textDisabled: string;
+    iconContainer: string;
+    fileImg: string;
+};

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

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

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

@@ -0,0 +1,5 @@
+export declare const CardServices: import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    classNames?: import('..').CardServicesClassName;
+    item: import('..').CardServicesItem;
+    disabled?: boolean;
+} & import('react').RefAttributes<HTMLButtonElement>>;

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

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

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

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

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

@@ -0,0 +1,17 @@
+export declare const cardServicesTokens: {
+    base: {
+        container: string;
+        label: string;
+        iconWrapper: string;
+        icon: string;
+    };
+    disabled: {
+        container: string;
+        icon: string;
+        label: string;
+        iconWrapper: string;
+    };
+    hover: {
+        container: string;
+    };
+};

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

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { ButtonHTMLAttributes } from 'react';
+import { CardServices } from './CardServices';
+export type CardServicesClassName = {
+    container?: string;
+    icon?: string;
+    label?: string;
+};
+export type CardServicesItem = {
+    label?: string;
+    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+};
+export type CardServicesProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    classNames?: CardServicesClassName;
+    item: CardServicesItem;
+    disabled?: boolean;
+};
+export type CardServicesStory = StoryObj<typeof CardServices>;

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

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

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

@@ -0,0 +1,2 @@
+import { ChatButtonProps } from '..';
+export declare const ChatButton: ({ classNames, isActive, item: { icon: Icon, label }, onClick, }: ChatButtonProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,12 @@
+export declare const chatButtonTokens: {
+    active: {
+        container: string;
+        icon: string;
+        label: string;
+    };
+    base: {
+        container: string;
+        icon: string;
+        label: string;
+    };
+};

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

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { ChatButton } from '..';
+export type ChatButtonClassNames = {
+    container?: string;
+    icon?: string;
+    label?: string;
+};
+export type ChatButtonItem = {
+    label: string;
+    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+};
+export type ChatButtonProps = {
+    item: ChatButtonItem;
+    classNames?: ChatButtonClassNames;
+    isActive?: boolean;
+    onClick?: () => void;
+};
+export type ChatButtonStory = StoryObj<typeof ChatButton>;

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { ChatCard, ChatCardStory } from '..';
+declare const meta: Meta<typeof ChatCard>;
+export default meta;
+export declare const Default: ChatCardStory;
+export declare const Active: ChatCardStory;
+export declare const WithoutPhoto: ChatCardStory;
+export declare const WithNotification: ChatCardStory;

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

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

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

@@ -0,0 +1,9 @@
+export declare const chatCardTokens: {
+    wrapper: string;
+    labelWrapper: string;
+    timeWrapper: string;
+    time: string;
+    notification: string;
+    fullName: string;
+    jobTitle: string;
+};

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

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { ChatCard } from './ChatCard';
+export type ChatCardStory = StoryObj<typeof ChatCard>;
+export type ChatCardProps = {
+    photo?: string;
+    fullname: string;
+    status: string;
+    isActive?: boolean;
+    classNames?: {
+        wrapper?: string;
+        timeWrapper?: string;
+        time?: string;
+        notification?: string;
+    };
+    notification?: number;
+    time: string;
+    onClick?: () => void;
+};

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ChatList, ChatListStory } from '..';
+declare const meta: Meta<typeof ChatList>;
+export declare const Default: ChatListStory;
+export default meta;

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

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

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

@@ -0,0 +1,4 @@
+export declare const chatListTokens: {
+    wrapper: string;
+    list: string;
+};

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

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { ChatList, ChatCardProps } from '..';
+export type ChatListStory = StoryObj<typeof ChatList>;
+export type ChatItem = Omit<ChatCardProps, 'classNames' | 'onClick'> & {
+    id: number;
+};
+export type ChatListProps = {
+    chats: ChatItem[];
+    onSelectChat?: (id: number) => void;
+    classNames?: {
+        wrapper?: string;
+        list?: string;
+    };
+};

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

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

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

@@ -0,0 +1,2 @@
+import { ChatMessageProps } from '..';
+export declare const ChatMessage: ({ currentUserId, senderId, senderName, messages, avatar, isGroupChat, selectedMessages, onSelectedMessage, visibleSelections, }: ChatMessageProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/ChatMessage/ChatMessage.data.d.ts

@@ -0,0 +1,3 @@
+import { MessageType } from '../../atoms';
+export declare const messageData: MessageType[];
+export declare const messagesData: MessageType[];

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

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { ChatMessage, ChatMessageStory } from '..';
+declare const meta: Meta<typeof ChatMessage>;
+export default meta;
+export declare const Default: ChatMessageStory;
+export declare const MyMessages: ChatMessageStory;
+export declare const OtherMessages: ChatMessageStory;
+export declare const OtherMessagesInGroup: ChatMessageStory;
+export declare const SelectedMessages: ChatMessageStory;

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

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

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

@@ -0,0 +1,6 @@
+export declare const chatMessageTokens: {
+    root: string;
+    list: string;
+    item: string;
+    selection: string;
+};

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

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { MessageType } from '../../atoms';
+import { ChatMessage } from '..';
+export type ChatMessageStory = StoryObj<typeof ChatMessage>;
+export type ChatMessageProps = {
+    currentUserId: string | number;
+    senderId: string | number;
+    senderName: string;
+    messages: MessageType[];
+    isGroupChat?: boolean;
+    avatar?: {
+        url?: string;
+        alt?: string;
+    };
+    attachments?: string[];
+    selectedMessages?: string[];
+    onSelectedMessage?: (id: string | undefined) => void;
+    visibleSelections?: boolean;
+};

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

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

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

@@ -0,0 +1,2 @@
+import { ChatSidebarProps } from '..';
+export declare const ChatSidebar: ({ tabs, activeTabId, popoverOptions, activePopoverValue, classNames, onTabChange, onPopoverSelect, actions, }: ChatSidebarProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/ChatSidebar/ChatSidebar.data.d.ts

@@ -0,0 +1,4 @@
+import { OptionsProps } from '../../_shared/types';
+import { SidebarTabItem } from '..';
+export declare const CHATSIDEBAR_TABLIST: SidebarTabItem[];
+export declare const POPOVER_OPTIONS: OptionsProps[];

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

@@ -0,0 +1,36 @@
+import { Meta } from '@storybook/react';
+import { ChatSidebar, ChatSidebarProps } from '..';
+declare const meta: Meta<typeof ChatSidebar>;
+export declare const Default: {
+    render: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ChatSidebarProps>;
+    args: {
+        tabs: import('..').SidebarTabItem[];
+        popoverOptions: import('../../_shared/types').OptionsProps[];
+        actions: ({
+            id: string;
+            icon: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
+            onClick: () => void;
+            iconSizes?: undefined;
+        } | {
+            id: string;
+            icon: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
+            onClick: () => void;
+            iconSizes: {
+                width: number;
+                height: number;
+                viewBox: string;
+            };
+        })[];
+    };
+};
+export default meta;

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

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

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

@@ -0,0 +1,7 @@
+export declare const chatSidebarTokens: {
+    root: string;
+    body: string;
+    popover: string;
+    popoverItem: string;
+    actions: string;
+};

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

@@ -0,0 +1,35 @@
+import { OptionsProps } from '../../_shared/types';
+import { ChatButtonItem } from '..';
+export type SidebarTabItem = ChatButtonItem & {
+    id: number;
+};
+export type ChatSidebarAction = {
+    id: string | number;
+    icon: React.FC<React.SVGProps<SVGSVGElement>>;
+    onClick: () => void;
+    iconSizes?: {
+        width: number;
+        height: number;
+        viewBox: string;
+    };
+    classNames?: {
+        button?: string;
+        icon?: string;
+    };
+};
+export type ChatSidebarProps = {
+    tabs: SidebarTabItem[];
+    activeTabId: number;
+    onTabChange: (value: number) => void;
+    popoverOptions?: OptionsProps[];
+    activePopoverValue?: string;
+    onPopoverSelect?: (value: string) => void;
+    actions?: ChatSidebarAction[];
+    classNames?: {
+        root?: string;
+        body?: string;
+        popover?: string;
+        popoverItem?: string;
+        actions?: string;
+    };
+};

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { CheckboxGroup } from './CheckboxGroup';
+export type CheckboxGroupStory = StoryObj<typeof CheckboxGroup>;
+declare const meta: Meta;
+export declare const Default: CheckboxGroupStory;
+export declare const Checked: CheckboxGroupStory;
+export declare const Disabled: CheckboxGroupStory;
+export default meta;

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

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

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

@@ -0,0 +1,16 @@
+export declare const checkboxGroupTokens: {
+    wrapper: string;
+    topLabel: string;
+    leftLabel: string;
+    checkbox: {
+        base: string;
+        hover: string;
+    };
+    label: {
+        base: string;
+        checked: string;
+        hover: string;
+        disabled: string;
+    };
+    disabled: string;
+};

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

@@ -0,0 +1,8 @@
+import { CheckboxProps } from '../../atoms';
+export type CheckboxGroupProps = CheckboxProps & {
+    label: string;
+    className?: string;
+    labelPosition?: 'top' | 'right' | 'left';
+    disabled?: boolean;
+    checked?: boolean;
+};

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

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

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

@@ -0,0 +1,3 @@
+import { CommentInputProps } from '..';
+import * as React from 'react';
+export declare const CommentInput: React.ForwardRefExoticComponent<CommentInputProps & React.RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { CommentInput, CommentStory } from '..';
+declare const meta: Meta<typeof CommentInput>;
+export declare const Default: CommentStory;
+export declare const Filled: CommentStory;
+export declare const Disabled: CommentStory;
+export declare const AutoGrow: CommentStory;
+export default meta;

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

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

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

@@ -0,0 +1,9 @@
+export declare const commentInputTokens: {
+    parent: string;
+    base: string;
+    button: {
+        base: string;
+        disabled: string;
+        icon: string;
+    };
+};

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

@@ -0,0 +1,29 @@
+import { StoryObj } from '@storybook/react';
+import { TextareaProps } from '../../atoms';
+import { CommentInput } from '..';
+export type CommentStory = StoryObj<typeof CommentInput>;
+export type CommentInputTokens = {
+    parent: string;
+    base: string;
+    button: {
+        base: string;
+        disabled: string;
+        icon: string;
+    };
+};
+export type CommentInputProps = {
+    textareaProps?: TextareaProps;
+    disabled?: boolean;
+    onIconClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    iconSizes?: {
+        width?: number;
+        height?: number;
+        viewBox?: string;
+    };
+    classNames?: {
+        parent?: string;
+        target?: string;
+        button?: string;
+        icon?: string;
+    };
+};

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react-vite';
+import { CommentList, CommentListStory } from '..';
+declare const meta: Meta<typeof CommentList>;
+export declare const Default: CommentListStory;
+export declare const Review: CommentListStory;
+export declare const Empty: CommentListStory;
+export default meta;

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

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