@namuna-nur/ui-kit 1.10.5 → 1.10.7

package/lib/shared/assets-icons-4.js

@@ -4,18 +4,18 @@ const l = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.
 } }, /* @__PURE__ */ e.createElement("path", { d: "M0 0h20v20H0z" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "m10 11.17-4.08 4.08a.8.8 0 0 1-.59.23.8.8 0 0 1-.58-.23.8.8 0 0 1-.23-.58q0-.35.23-.59L8.83 10 4.75 5.92a.8.8 0 0 1-.23-.59q0-.35.23-.58a.8.8 0 0 1 .58-.23q.35 0 .59.23L10 8.83l4.08-4.08a.8.8 0 0 1 .59-.23q.35 0 .58.23t.23.58-.23.59L11.17 10l4.08 4.08q.23.23.23.59 0 .35-.23.58a.8.8 0 0 1-.58.23.8.8 0 0 1-.59-.23z" }))), h = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { stroke: "#4A4A4A", strokeLinecap: "round", strokeLinejoin: "round", strokeOpacity: 0.3, strokeWidth: 1.5, d: "M15 5 5 15M5 5l10 10" })), m = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentFill", fillOpacity: 0.8, d: "M13.58 2.08a2.44 2.44 0 0 0-3.16 0L3.11 8.3a2.4 2.4 0 0 0-.86 1.86v9.16a2.43 2.43 0 0 0 2.43 2.43h14.64a2.43 2.43 0 0 0 2.43-2.43v-9.16a2.4 2.4 0 0 0-.86-1.86zM9 12.38a1.13 1.13 0 1 1-2.25 0 1.13 1.13 0 0 1 2.25 0m-1.12 4.87a1.13 1.13 0 1 1 0-2.25 1.13 1.13 0 0 1 0 2.25m4.12 0A1.13 1.13 0 1 1 12 15a1.13 1.13 0 0 1 0 2.25m0-3.75a1.13 1.13 0 1 1 0-2.25 1.13 1.13 0 0 1 0 2.25m4.13 0a1.13 1.13 0 1 1 0-2.25 1.13 1.13 0 0 1 0 2.25m0 3.75a1.13 1.13 0 1 1 0-2.25 1.13 1.13 0 0 1 0 2.25" })), g = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 19, height: 19, fill: "currentFill", ...t }, /* @__PURE__ */ e.createElement("path", { fillOpacity: 0.4, d: "M13.94 12.28a7.72 7.72 0 1 0-1.65 1.66l.11.14 4.57 4.57a1.19 1.19 0 0 0 1.68-1.68l-4.57-4.57zm.31-4.56a6.53 6.53 0 1 1-13.06 0 6.53 6.53 0 0 1 13.06 0" })), w = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 6, height: 24, fill: "none", ...t }, /* @__PURE__ */ e.createElement("circle", { cx: 2.91, cy: 2.68, r: 2.53, fill: "currentFill" }), /* @__PURE__ */ e.createElement("circle", { cx: 2.91, cy: 11.7, r: 2.53, fill: "currentFill" }), /* @__PURE__ */ e.createElement("circle", { cx: 2.91, cy: 20.71, r: 2.53, fill: "currentFill" })), d = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "currentFill", ...t }, /* @__PURE__ */ e.createElement("path", { stroke: "currentColor", strokeLinejoin: "round", strokeWidth: 1.5, d: "M9.38 16.56v-3.75c4.54 0 6.22 1.32 8.12 3.75 0-4.65-1.55-9.37-8.12-9.37V3.44L2.5 10z" })), v = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 29, height: 29, fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m10.61 20.05 5.9-5.9-5.9-5.9" })), p = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "currentFill", ...t }, /* @__PURE__ */ e.createElement("path", { stroke: "currentColor", strokeWidth: 1.5, d: "M5 9.17c0-2.36 0-3.54.73-4.27s1.91-.73 4.27-.73h2.5c2.36 0 3.54 0 4.27.73s.73 1.91.73 4.27v4.16c0 2.36 0 3.54-.73 4.27s-1.91.73-4.27.73H10c-2.36 0-3.54 0-4.27-.73S5 15.7 5 13.33z" }), /* @__PURE__ */ e.createElement("path", { stroke: "currentColor", strokeWidth: 1.5, d: "M5 15.83a2.5 2.5 0 0 1-2.5-2.5v-5c0-3.14 0-4.71.98-5.69.97-.97 2.54-.97 5.69-.97h3.33a2.5 2.5 0 0 1 2.5 2.5" }));
 export {
   i as S,
-  c as a,
-  s as b,
-  r as c,
-  o as d,
-  a as e,
-  g as f,
-  l as g,
-  v as h,
-  w as i,
-  h as j,
-  m as k,
-  d as l,
-  p as m,
-  n
+  r as a,
+  o as b,
+  a as c,
+  g as d,
+  l as e,
+  v as f,
+  w as g,
+  h,
+  m as i,
+  c as j,
+  d as k,
+  p as l,
+  n as m,
+  s as n
 };

package/lib/src/assets/icons/index.d.ts

@@ -13,6 +13,8 @@ import { default as AsteriskIcon } from './asterisk.svg?react';
 import { default as AvatarIcon } from './avatar.svg?react';
 import { default as BackIcon } from './back.svg?react';
 import { default as BellIcon } from './bell.svg?react';
+import { default as BigFileCardDownloadIcon } from './big-file-card-download.svg?react';
+import { default as BigFileCardIcon } from './big-file-card.svg?react';
 import { default as BigFileIcon } from './big-file.svg?react';
 import { default as BigStarIcon } from './big-star.svg?react';
 import { default as BotIcon } from './bot.svg?react';
@@ -109,6 +111,7 @@ import { default as OptionsIcon } from './options.svg?react';
 import { default as OrderDoneIcon } from './order-done.svg?react';
 import { default as ParkingPlaceIcon } from './parking-place.svg?react';
 import { default as ParkingIcon } from './parking.svg?react';
+import { default as PauseIcon } from './pause.svg?react';
 import { default as PdfFileIcon } from './pdf-file.svg?react';
 import { default as PdfIcon } from './pdf.svg?react';
 import { default as PencilIcon } from './pencil.svg?react';
@@ -116,6 +119,7 @@ import { default as PhoneIcon } from './phone.svg?react';
 import { default as PickerLeftIcon } from './pickerLeft.svg?react';
 import { default as PickerRightIcon } from './pickerRight.svg?react';
 import { default as PlaneIcon } from './plane.svg?react';
+import { default as PlayIcon } from './play.svg?react';
 import { default as PlumberServiceIcon } from './plumber-service.svg?react';
 import { default as PlusInputIcon } from './plus-input.svg?react';
 import { default as PlusIcon } from './plus.svg?react';
@@ -154,6 +158,7 @@ import { default as UserIcon } from './user.svg?react';
 import { default as UsersSettingsIcon } from './users-settings.svg?react';
 import { default as UsersIcon } from './users.svg?react';
 import { default as UtilityServiceIcon } from './utility-services.svg?react';
+import { default as VolumeMuteIcon } from './volume-mute.svg?react';
 import { default as XmarkIcon } from './x-mark.svg?react';
 import { default as LogoIcon } from '../images/logo.svg?react';
-export { AddHomeIcon, AddUserIcon, AdjustmentsIcon, AnalyticsIcon, AsteriskIcon, ArrowDownIcon, ArrowDownDownloadIcon, ArrowDownMiniIcon, ArrowDownSmallIcon, ArrowIcon, ArrowUpIcon, AvatarIcon, ArrowLineIcon, BackIcon, BellIcon, BotIcon, BigFileIcon, BuildingIcon, BigStarIcon, BurgerFilterIcon, BurgerIcon, CalendarIcon, CameraIcon, CleaningIcon, CameraMiniIcon, CameraServiceIcon, CarMultipleIcon, CarbonFilterIcon, CardIcon, ChatCheckIcon, ChatMessageIcon, CheckIcon, CheckDoubleIcon, ChatsIcon, CheckMarkIcon, CleaningServiceIcon, CloseIcon, ColdWaterIcon, CommentIcon, ControlIcon, CreateGroupIcon, CrossIcon, CrossProfileIcon, DangerIcon, DeleteIcon, DocumentFillIcon, DocumentIcon, DocumentTextIcon, DotListIcon, DotableSettings, DoubleChatIcon, DownloadIcon, DropDownIcon, DropUpIcon, EditIcon, EditPencilIcon, ElectricianSereviceIcon, ElectricalEnergyIcon, EmailIcon, EmployeesIcon, EmptyDoc, ExitIcon, ExportIcon, EyeCardIcon, EyeClosedIcon, EyeIcon, FeedbacksIcon, FileIcon, FileReportIcon, FileUploadIcon, FilterIcon, FinanceIcon, FireIcon, FolderHomeIcon, FolderIcon, FolderInputIcon, FolderSolidIcon, FullFolderIcon, GarbageIcon, GisHomeIcon, GridIcon, GroupUserIcon, HistoryBoldIcon, HomeDotIcon, HomeIcon, HomeSuccessIcon, HotWaterIcon, HouseIcon, LogoIcon, LogoWithTextIcon, LeftIcon, LeaveIcon, LinkDownloadIcon, ListIcon, LoadIcon, LockIcon, LogoutIcon, MagnifyIcon, ManageObjectsIcon, MapIcon, MenuDotsIcon, ModalPlusIcon, MobileIcon, NewsIcon, NotificationBellIcon, NotificationIcon, OfficeIcon, OperatorIcon, OptionsIcon, OrderDoneIcon, ParkingIcon, ParkingPlaceIcon, PdfFileIcon, PdfIcon, PencilIcon, PhoneIcon, PickerLeftIcon, PickerRightIcon, PlaneIcon, PlusIcon, PlusInputIcon, PlumberServiceIcon, PrintIcon, RatingIcon, RentServiceIcon, RepairServiceIcon, ReportIcon, RightIcon, RoleSettingIcon, ResponseArrowIcon, RoundedCopyIcon, ServiceManagementIcon, SettingIcon, ShareIcon, SolarEyeIcon, StarIcon, StarPerson, StatusCheckIcon, StatusCloseIcon, StatusInfoIcon, StatusWarningIcon, StepperReloadIcon, SidebarOpenIcon, SpinnerIcon, TelegramIcon, ThinPlusIcon, TimeLineIcon, TrashIcon, UserIcon, UserStarIcon, UserSuccesIcon, UserTimeIcon, UserProfileAvatarIcon, UserSettingsIcon, UsersIcon, UsersSettingsIcon, UtilityServiceIcon, XmarkIcon, };
+export { AddHomeIcon, AddUserIcon, AdjustmentsIcon, AnalyticsIcon, AsteriskIcon, ArrowDownIcon, ArrowDownDownloadIcon, ArrowDownMiniIcon, ArrowDownSmallIcon, ArrowIcon, ArrowUpIcon, AvatarIcon, ArrowLineIcon, BackIcon, BellIcon, BotIcon, BigFileIcon, BigFileCardIcon, BigFileCardDownloadIcon, BuildingIcon, BigStarIcon, BurgerFilterIcon, BurgerIcon, CalendarIcon, CameraIcon, CleaningIcon, CameraMiniIcon, CameraServiceIcon, CarMultipleIcon, CarbonFilterIcon, CardIcon, ChatCheckIcon, ChatMessageIcon, CheckIcon, CheckDoubleIcon, ChatsIcon, CheckMarkIcon, CleaningServiceIcon, CloseIcon, ColdWaterIcon, CommentIcon, ControlIcon, CreateGroupIcon, CrossIcon, CrossProfileIcon, DangerIcon, DeleteIcon, DocumentFillIcon, DocumentIcon, DocumentTextIcon, DotListIcon, DotableSettings, DoubleChatIcon, DownloadIcon, DropDownIcon, DropUpIcon, EditIcon, EditPencilIcon, ElectricianSereviceIcon, ElectricalEnergyIcon, EmailIcon, EmployeesIcon, EmptyDoc, ExitIcon, ExportIcon, EyeCardIcon, EyeClosedIcon, EyeIcon, FeedbacksIcon, FileIcon, FileReportIcon, FileUploadIcon, FilterIcon, FinanceIcon, FireIcon, FolderHomeIcon, FolderIcon, FolderInputIcon, FolderSolidIcon, FullFolderIcon, GarbageIcon, GisHomeIcon, GridIcon, GroupUserIcon, HistoryBoldIcon, HomeDotIcon, HomeIcon, HomeSuccessIcon, HotWaterIcon, HouseIcon, LogoIcon, LogoWithTextIcon, LeftIcon, LeaveIcon, LinkDownloadIcon, ListIcon, LoadIcon, LockIcon, LogoutIcon, MagnifyIcon, ManageObjectsIcon, MapIcon, MenuDotsIcon, ModalPlusIcon, MobileIcon, NewsIcon, NotificationBellIcon, NotificationIcon, OfficeIcon, OperatorIcon, OptionsIcon, OrderDoneIcon, ParkingIcon, ParkingPlaceIcon, PauseIcon, PdfFileIcon, PdfIcon, PencilIcon, PhoneIcon, PickerLeftIcon, PickerRightIcon, PlaneIcon, PlayIcon, PlusIcon, PlusInputIcon, PlumberServiceIcon, PrintIcon, RatingIcon, RentServiceIcon, RepairServiceIcon, ReportIcon, RightIcon, RoleSettingIcon, ResponseArrowIcon, RoundedCopyIcon, ServiceManagementIcon, SettingIcon, ShareIcon, SolarEyeIcon, StarIcon, StarPerson, StatusCheckIcon, StatusCloseIcon, StatusInfoIcon, StatusWarningIcon, StepperReloadIcon, SidebarOpenIcon, SpinnerIcon, TelegramIcon, ThinPlusIcon, TimeLineIcon, TrashIcon, UserIcon, UserStarIcon, UserSuccesIcon, UserTimeIcon, UserProfileAvatarIcon, UserSettingsIcon, UsersIcon, UsersSettingsIcon, UtilityServiceIcon, VolumeMuteIcon, XmarkIcon, };

package/lib/src/atoms/ReplyMessage/ReplyMessage.d.ts

@@ -0,0 +1,2 @@
+import { ReplyMessageProps } from '..';
+export declare const ReplyMessage: ({ senderName, messageText, contentType, fileUrl, fileName, onClose, showCloseButton, classNames, }: ReplyMessageProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/atoms/ReplyMessage/ReplyMessage.data.d.ts

@@ -0,0 +1 @@
+export declare const MEDIA_LABELS: Record<string, string>;

package/lib/src/atoms/ReplyMessage/ReplyMessage.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react';
+import { ReplyMessageStory, ReplyMessage } from '..';
+declare const meta: Meta<typeof ReplyMessage>;
+export declare const Default: ReplyMessageStory;
+export declare const WithoutCloseButton: ReplyMessageStory;
+export declare const ImageReply: ReplyMessageStory;
+export declare const VideoReply: ReplyMessageStory;
+export declare const AudioReply: ReplyMessageStory;
+export declare const FileReply: ReplyMessageStory;
+export declare const ImageReplyWithCaption: ReplyMessageStory;
+export default meta;

package/lib/src/atoms/ReplyMessage/ReplyMessage.tokens.d.ts

@@ -0,0 +1,11 @@
+export declare const replyMessageTokens: {
+    wrapper: string;
+    message: string;
+    title: string;
+    content: string;
+    subtitle: string;
+    closeButton: string;
+    closeIcon: string;
+    thumbnail: string;
+    mediaLabel: string;
+};

package/lib/src/atoms/ReplyMessage/ReplyMessage.types.d.ts

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ReplyMessage } from '..';
+type MessageContentType = 'text' | 'image' | 'video' | 'audio' | 'file';
+export type ReplyMessageProps = {
+    senderName: string;
+    messageText?: string;
+    contentType?: MessageContentType;
+    fileUrl?: string;
+    fileName?: string;
+    onClose?: () => void;
+    showCloseButton?: boolean;
+    classNames?: {
+        content?: string;
+        wrapper?: string;
+        message?: string;
+        title?: string;
+        subtitle?: string;
+        closeButton?: string;
+        closeIcon?: string;
+        thumbnail?: string;
+        mediaIcon?: string;
+    };
+};
+export type ReplyMessageStory = StoryObj<typeof ReplyMessage>;
+export {};

package/lib/src/atoms/ReplyMessage/ReplyMessage.utils.d.ts

@@ -0,0 +1 @@
+export declare const getSubtitleText: (contentType: string, fileName?: string, messageText?: string) => string | null;

package/lib/src/atoms/ReplyMessage/index.d.ts

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

package/lib/src/atoms/index.d.ts

@@ -5,7 +5,6 @@ export * from './Headline';
 export * from './Input';
 export * from './Label';
 export * from './Notification';
-export * from './Message';
 export * from './Radio';
 export * from './Status';
 export * from './Switch';
@@ -19,3 +18,4 @@ export * from './Avatar';
 export * from './TabDots';
 export * from './Skeleton';
 export * from './Spinner';
+export * from './ReplyMessage';

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

@@ -0,0 +1,2 @@
+import { AudioMessageProps } from '..';
+export declare const AudioMessage: ({ src, duration, size, timestamp, status, isMine, waveColor, progressColor, onClick, classNames, }: AudioMessageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { AudioMessageProps } from '..';
+export declare const audioMessageData: AudioMessageProps;
+export declare const audioMessageDeliveredData: AudioMessageProps;
+export declare const audioMessageReceivedData: AudioMessageProps;

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { AudioMessage, AudioMessageStory } from '..';
+declare const meta: Meta<typeof AudioMessage>;
+export default meta;
+export declare const Default: AudioMessageStory;
+export declare const Delivered: AudioMessageStory;
+export declare const Received: AudioMessageStory;

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

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

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

@@ -0,0 +1,16 @@
+export declare const AudioMessageTokens: {
+    root: string;
+    playButton: string;
+    playIcon: string;
+    content: string;
+    waveform: string;
+    progressTrack: string;
+    progressBar: string;
+    infoRow: string;
+    info: string;
+    duration: string;
+    size: string;
+    footer: string;
+    timestamp: string;
+    status: string;
+};

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

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+import { AudioMessage } from '..';
+export type AudioMessageStatus = 'delivered' | 'read';
+export type AudioMessageProps = {
+    src: string;
+    duration: string;
+    size: string;
+    timestamp?: Date | string;
+    status?: AudioMessageStatus;
+    isMine?: boolean;
+    waveColor?: string;
+    progressColor?: string;
+    onClick?: () => void;
+    classNames?: {
+        root?: string;
+        playButton?: string;
+        waveform?: string;
+        info?: string;
+        duration?: string;
+        size?: string;
+        footer?: string;
+    };
+};
+export type AudioMessageStory = StoryObj<typeof AudioMessage>;

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

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

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

@@ -3,7 +3,7 @@ import { CardFiles } from './CardFiles';
 export type CardFilesProps = {
     title: string;
     file?: File | null;
-    dateAndTime: Date | string;
+    dateTime: Date | string;
     className?: string;
     isDisabled: boolean;
     onDelete?: (e: React.MouseEvent<HTMLButtonElement>) => void;
@@ -27,7 +27,7 @@ export type CardFilesTokens = {
         basic: string;
         active: string;
     };
-    dateAndTime: string;
+    dateTime: Date | string;
     fileName: string;
     sizeFile: string;
     disabled: string;

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

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

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

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

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

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

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

@@ -1,7 +1,11 @@
 import { StoryObj } from '@storybook/react';
-import { MessageType } from '../../atoms';
-import { ChatMessage } from '..';
+import { MessageType, ChatMessage, MessageSettingsEventType } from '..';
 export type ChatMessageStory = StoryObj<typeof ChatMessage>;
+export type ChatMessageActionPayload = {
+    messageId: string | undefined;
+    messageText: string;
+    senderName: string;
+};
 export type ChatMessageProps = {
     currentUserId: string | number;
     senderId: string | number;
@@ -22,4 +26,5 @@ export type ChatMessageProps = {
         item?: string;
         selection?: string;
     };
+    onMessageAction: (actionId: MessageSettingsEventType, payload: ChatMessageActionPayload) => void;
 };

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

@@ -1,4 +1,5 @@
 export declare const comboboxTokens: {
+    container: string;
     base: {
         trigger: string;
         focus: string;
@@ -8,6 +9,7 @@ export declare const comboboxTokens: {
         textWrapper: string;
         icon: string;
         iconDisabled: string;
+        labelContainer: string;
     };
     search: {
         wrapper: string;

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

@@ -10,6 +10,7 @@ export type ComboboxProps = {
     onSearchChange: (query: string) => void;
     onDebouncedSearch?: (query: string) => void;
     debounceDelay?: number;
+    labelText?: string;
     placeholder?: string;
     searchPlaceholder?: string;
     emptyMessage?: string;
@@ -19,12 +20,15 @@ export type ComboboxProps = {
     container?: HTMLElement | null;
     disablePortal?: boolean;
     classNames?: {
+        container?: string;
+        labelText?: string;
         parent?: string;
         trigger?: string;
         selected?: string;
         placeholder?: string;
         content?: string;
         searchInput?: string;
+        labelContainer?: string;
     };
 };
 export type ComboboxRef = {

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

@@ -0,0 +1,2 @@
+import { DocumentMessageProps } from '..';
+export declare const DocumentMessage: ({ title, size, dateTime, timestamp, status, isMine, onClick, classNames, }: DocumentMessageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { DocumentMessageProps } from '..';
+export declare const DOCUMENT_MESSAGE_DATA: DocumentMessageProps;
+export declare const DOCUMENT_MESSAGE_DELIVERED_DATA: DocumentMessageProps;
+export declare const DOCUMENT_MESSAGE_RECEIVED_DATA: DocumentMessageProps;

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { DocumentMessage, DocumentMessageStory } from '..';
+declare const meta: Meta<typeof DocumentMessage>;
+export default meta;
+export declare const Default: DocumentMessageStory;
+export declare const Delivered: DocumentMessageStory;
+export declare const Received: DocumentMessageStory;

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

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

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

@@ -0,0 +1,9 @@
+export declare const DocumentMessageTokens: {
+    root: string;
+    icon: string;
+    content: string;
+    title: string;
+    size: string;
+    dateAndTime: string;
+    footer: string;
+};

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

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+import { DocumentMessage } from '..';
+export type DocumentMessageStatus = 'delivered' | 'read';
+export type DocumentMessageProps = {
+    title: string;
+    size: string;
+    dateTime: Date | string;
+    timestamp?: Date | string;
+    status?: DocumentMessageStatus;
+    isMine?: boolean;
+    onClick?: () => void;
+    classNames?: {
+        root?: string;
+        icon?: string;
+        content?: string;
+        title?: string;
+        size?: string;
+        dateTime?: string;
+        footer?: string;
+    };
+};
+export type DocumentMessageStory = StoryObj<typeof DocumentMessage>;

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

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

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

@@ -0,0 +1,11 @@
+export declare const FileCard: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+    name: string;
+    size: number;
+    dateTime: Date | string;
+    isDownloaded?: boolean;
+    classNames?: {
+        wrapper?: string;
+        iconWrapper?: string;
+        content?: string;
+    };
+} & import('react').RefAttributes<HTMLDivElement>>;

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

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

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

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

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

@@ -0,0 +1,9 @@
+export declare const fileCardTokens: {
+    wrapper: string;
+    iconWrapper: string;
+    icon: string;
+    content: string;
+    name: string;
+    size: string;
+    dateAndTime: string;
+};

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

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { HTMLAttributes } from 'react';
+import { FileCard } from './FileCard';
+export type FileCardProps = HTMLAttributes<HTMLDivElement> & {
+    name: string;
+    size: number;
+    dateTime: Date | string;
+    isDownloaded?: boolean;
+    classNames?: {
+        wrapper?: string;
+        iconWrapper?: string;
+        content?: string;
+    };
+};
+export type FileCardStory = StoryObj<typeof FileCard>;

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

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

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

@@ -0,0 +1,2 @@
+import { ImageMessageProps } from '..';
+export declare const ImageMessage: ({ src, alt, status, isMine, onClick, classNames, }: ImageMessageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { ImageMessageProps } from '..';
+export declare const ImageMessageData: ImageMessageProps;
+export declare const ImageMessageDeliveredData: ImageMessageProps;
+export declare const ImageMessageReceivedData: ImageMessageProps;

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { ImageMessage, ImageMessageStory } from '..';
+declare const meta: Meta<typeof ImageMessage>;
+export declare const Default: ImageMessageStory;
+export declare const Delivered: ImageMessageStory;
+export declare const Received: ImageMessageStory;
+export default meta;

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

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

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

@@ -0,0 +1,6 @@
+export declare const ImageMessageTokens: {
+    root: string;
+    image: string;
+    overlay: string;
+    status: string;
+};

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

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { ImageMessage } from '..';
+export type ImageMessageStatus = 'delivered' | 'read';
+export type ImageMessageProps = {
+    src: string;
+    alt?: string;
+    status?: ImageMessageStatus;
+    isMine?: boolean;
+    onClick?: () => void;
+    classNames?: {
+        root?: string;
+        image?: string;
+        overlay?: string;
+        status?: string;
+    };
+};
+export type ImageMessageStory = StoryObj<typeof ImageMessage>;

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

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

package/lib/src/{atoms → molecules}/Message/Message.stories.d.ts

@@ -7,4 +7,5 @@ export declare const DeliveredMessage: MessageStory;
 export declare const ReadMessage: MessageStory;
 export declare const MyMessage: MessageStory;
 export declare const OtherMessage: MessageStory;
+export declare const ReplyMessage: MessageStory;
 export default meta;

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

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

package/lib/src/{atoms → molecules}/Message/Message.types.d.ts

@@ -1,6 +1,6 @@
 import { StoryObj } from '@storybook/react';
 import { HTMLAttributes } from 'react';
-import { Message } from '..';
+import { Message } from './Message';
 export type MessageStory = StoryObj<typeof Message>;
 export type MessageStatus = 'sent' | 'delivered' | 'read';
 export type MessageType = {
@@ -8,6 +8,10 @@ export type MessageType = {
     text: string;
     timestamp: Date | null;
     status: MessageStatus;
+    reply?: {
+        senderName: string;
+        messageText: string;
+    };
 };
 export type MessageTokens = {
     base: string;

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

@@ -1,2 +1,2 @@
 import { MessageSettingsProps } from '..';
-export declare const MessageSettings: ({ trigger, onClick }: MessageSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MessageSettings: ({ trigger, onClick, isMine, }: MessageSettingsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,11 @@
 import { StoryObj } from '@storybook/react';
 import { FunctionComponent, ReactNode, SVGProps } from 'react';
 import { MessageSettings } from '..';
-export type MessageSettingsStory = StoryObj<typeof MessageSettings>;
 export type OnHandleSettings = (actionId: MessageSettingsEventType) => void;
 export type MessageSettingsProps = {
     trigger: ReactNode;
     onClick: OnHandleSettings;
+    isMine?: boolean;
 };
 export type MessageSettingsEventType = 'copy' | 'edit' | 'delete' | 'select' | 'response' | 'download';
 export type MessageSettingsDataType = {
@@ -19,3 +19,4 @@ export type MessageSettingsDataType = {
     isDanger?: boolean;
     text: string;
 };
+export type MessageSettingsStory = StoryObj<typeof MessageSettings>;

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

@@ -1,2 +1,2 @@
 import { PaymentCardProps } from '..';
-export declare const PaymentCard: ({ title, dateAndTime, onDelete, onDownload, onShow, firstStatus, lastStatus, firstStatusText, lastStatusText, price, classNames, }: PaymentCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaymentCard: ({ title, dateTime, onDelete, onDownload, onShow, firstStatus, lastStatus, firstStatusText, lastStatusText, price, classNames, }: PaymentCardProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { PaymentCard } from '..';
 export type PaymentCardStory = StoryObj<typeof PaymentCard>;
 export type PaymentCardProps = {
     title: string;
-    dateAndTime: Date | string;
+    dateTime: Date | string;
     onDelete?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onDownload?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onShow?: (e: React.MouseEvent<HTMLButtonElement>) => void;

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

@@ -0,0 +1,2 @@
+import { VideoMessageProps } from '..';
+export declare const VideoMessage: ({ src, poster, alt, duration, timestamp, status, isMine, onClick, onToggleMute, classNames, }: VideoMessageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { VideoMessageProps } from '..';
+export declare const VideoMessageData: VideoMessageProps;
+export declare const VideoMessageDeliveredData: VideoMessageProps;
+export declare const VideoMessageReceivedData: VideoMessageProps;

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { VideoMessage, VideoMessageStory } from '..';
+declare const meta: Meta<typeof VideoMessage>;
+export declare const Default: VideoMessageStory;
+export declare const Delivered: VideoMessageStory;
+export declare const Received: VideoMessageStory;
+export default meta;

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

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

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

@@ -0,0 +1,9 @@
+export declare const VideoMessageTokens: {
+    root: string;
+    video: string;
+    topBar: string;
+    duration: string;
+    muteButton: string;
+    footer: string;
+    timestamp: string;
+};