@connectycube/chat-widget 0.22.0 → 0.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (181) hide show
  1. package/CHANGELOG.md +19 -4
  2. package/README.md +8 -0
  3. package/dist/index.es.js +16926 -18509
  4. package/dist/index.umd.js +73 -50
  5. package/dist/react19/connectycube-chat-widget-sw.js +19 -0
  6. package/dist/react19/index.es.js +18097 -0
  7. package/dist/react19/logo.png +0 -0
  8. package/dist/react19/types/components/app-login.d.ts +8 -0
  9. package/dist/react19/types/components/app-shadow-root.d.ts +6 -0
  10. package/dist/react19/types/components/home/sidebar/tabs/users-tab.d.ts +2 -0
  11. package/dist/{components → react19/types/components}/shadcn-ui/alert-dialog.d.ts +5 -5
  12. package/dist/{components → react19/types/components}/shadcn-ui/avatar.d.ts +2 -2
  13. package/dist/{components → react19/types/components}/shadcn-ui/badge.d.ts +2 -2
  14. package/dist/{components → react19/types/components}/shadcn-ui/button.d.ts +4 -4
  15. package/dist/{components → react19/types/components}/shadcn-ui/dialog.d.ts +4 -4
  16. package/dist/{components → react19/types/components}/shadcn-ui/dropdown-menu.d.ts +4 -4
  17. package/dist/react19/types/components/shadcn-ui/input.d.ts +3 -0
  18. package/dist/{components → react19/types/components}/shadcn-ui/label.d.ts +2 -2
  19. package/dist/{components → react19/types/components}/shadcn-ui/switch.d.ts +2 -2
  20. package/dist/{components → react19/types/components}/shadcn-ui/tabs.d.ts +2 -2
  21. package/dist/{components → react19/types/components}/shared/avatar.d.ts +1 -1
  22. package/dist/{components → react19/types/components}/shared/widget-button.d.ts +1 -1
  23. package/dist/react19/types/components/shared/widget-messages-badge.d.ts +7 -0
  24. package/dist/react19/types/components/shared/widget-online-badge.d.ts +7 -0
  25. package/dist/{hooks → react19/types/hooks}/index.d.ts +1 -1
  26. package/dist/{hooks → react19/types/hooks}/store/useOnlineUsersCountStore.d.ts +3 -0
  27. package/dist/react19/types/hooks/store/useShadowRootStore.d.ts +7 -0
  28. package/dist/types/App.d.ts +50 -0
  29. package/dist/types/components/app-login.d.ts +8 -0
  30. package/dist/types/components/app-shadow-root.d.ts +6 -0
  31. package/dist/types/components/home/home.d.ts +2 -0
  32. package/dist/types/components/home/main/chat-header.d.ts +3 -0
  33. package/dist/types/components/home/main/chat-info-members.d.ts +3 -0
  34. package/dist/types/components/home/main/chat-info-user.d.ts +7 -0
  35. package/dist/types/components/home/main/chat-input.d.ts +8 -0
  36. package/dist/types/components/home/main/group-member.d.ts +8 -0
  37. package/dist/types/components/home/main/main.d.ts +2 -0
  38. package/dist/types/components/home/main/message-attachment.d.ts +8 -0
  39. package/dist/types/components/home/main/message-body.d.ts +6 -0
  40. package/dist/types/components/home/main/message-url-preview.d.ts +6 -0
  41. package/dist/types/components/home/main/message.d.ts +11 -0
  42. package/dist/types/components/home/main/my-profile/my-block-list-item.d.ts +7 -0
  43. package/dist/types/components/home/main/my-profile/my-block-list.d.ts +3 -0
  44. package/dist/types/components/home/main/my-profile/my-profile-settings.d.ts +2 -0
  45. package/dist/types/components/home/main/my-profile/my-profile.d.ts +3 -0
  46. package/dist/types/components/home/main/profile-info.d.ts +6 -0
  47. package/dist/types/components/home/main/quick-actions.d.ts +5 -0
  48. package/dist/types/components/home/main/report-user-dialog.d.ts +6 -0
  49. package/dist/types/components/home/sidebar/chat-item.d.ts +7 -0
  50. package/dist/types/components/home/sidebar/chats-list.d.ts +6 -0
  51. package/dist/types/components/home/sidebar/new-chat/create-group-chat/create-group-chat.d.ts +8 -0
  52. package/dist/types/components/home/sidebar/new-chat/create-group-chat/participant.d.ts +7 -0
  53. package/dist/types/components/home/sidebar/new-chat/new-chat-dialog.d.ts +9 -0
  54. package/dist/types/components/home/sidebar/new-chat/searched-user.d.ts +13 -0
  55. package/dist/types/components/home/sidebar/sidebar.d.ts +2 -0
  56. package/dist/types/components/home/sidebar/tabs/chats-tab.d.ts +2 -0
  57. package/dist/types/components/home/sidebar/tabs/users-tab.d.ts +2 -0
  58. package/dist/types/components/home/sidebar/user-item.d.ts +7 -0
  59. package/dist/types/components/home/sidebar/users-list.d.ts +6 -0
  60. package/dist/types/components/shadcn-ui/alert-dialog.d.ts +14 -0
  61. package/dist/types/components/shadcn-ui/avatar.d.ts +6 -0
  62. package/dist/types/components/shadcn-ui/badge.d.ts +9 -0
  63. package/dist/types/components/shadcn-ui/button.d.ts +10 -0
  64. package/dist/types/components/shadcn-ui/dialog.d.ts +13 -0
  65. package/dist/types/components/shadcn-ui/dropdown-menu.d.ts +25 -0
  66. package/dist/types/components/shadcn-ui/input.d.ts +3 -0
  67. package/dist/types/components/shadcn-ui/label.d.ts +4 -0
  68. package/dist/types/components/shadcn-ui/sonner.d.ts +3 -0
  69. package/dist/types/components/shadcn-ui/switch.d.ts +4 -0
  70. package/dist/types/components/shadcn-ui/tabs.d.ts +7 -0
  71. package/dist/types/components/shared/alert-busy.d.ts +2 -0
  72. package/dist/types/components/shared/avatar.d.ts +13 -0
  73. package/dist/types/components/shared/confirmation-alert.d.ts +8 -0
  74. package/dist/types/components/shared/empty-content-placeholder.d.ts +7 -0
  75. package/dist/types/components/shared/loader.d.ts +5 -0
  76. package/dist/types/components/shared/widget-button.d.ts +15 -0
  77. package/dist/types/components/shared/widget-messages-badge.d.ts +7 -0
  78. package/dist/types/components/shared/widget-online-badge.d.ts +7 -0
  79. package/dist/types/helpers/connectycube.d.ts +33 -0
  80. package/dist/types/helpers/debounce.d.ts +3 -0
  81. package/dist/types/helpers/i18n.d.ts +2 -0
  82. package/dist/types/helpers/notifications.d.ts +11 -0
  83. package/dist/types/helpers/throttle.d.ts +3 -0
  84. package/dist/types/hooks/index.d.ts +21 -0
  85. package/dist/types/hooks/store/useActiveTabsStore.d.ts +15 -0
  86. package/dist/types/hooks/store/useAlertBusyStore.d.ts +11 -0
  87. package/dist/types/hooks/store/useAppDefaultChatStore.d.ts +21 -0
  88. package/dist/types/hooks/store/useAppInterfaceStore.d.ts +27 -0
  89. package/dist/types/hooks/store/useAppNotificationStore.d.ts +34 -0
  90. package/dist/types/hooks/store/useAppQuickActionsStore.d.ts +17 -0
  91. package/dist/types/hooks/store/useAppSettingsStore.d.ts +31 -0
  92. package/dist/types/hooks/store/useDraftMessagesStore.d.ts +14 -0
  93. package/dist/types/hooks/store/useLinkPreviewStore.d.ts +17 -0
  94. package/dist/types/hooks/store/useOnlineUsersCountStore.d.ts +14 -0
  95. package/dist/types/hooks/store/useProfileStore.d.ts +9 -0
  96. package/dist/types/hooks/store/useShadowRootStore.d.ts +7 -0
  97. package/dist/types/hooks/store/useUnreadCountStore.d.ts +8 -0
  98. package/dist/types/hooks/store/useUserSettingsStore.d.ts +14 -0
  99. package/dist/types/hooks/useAppAuthorization.d.ts +14 -0
  100. package/dist/types/hooks/useLastActivity.d.ts +2 -0
  101. package/dist/types/hooks/useNotification.d.ts +8 -0
  102. package/dist/types/hooks/usePageFocus.d.ts +6 -0
  103. package/dist/types/hooks/useResizeScreenWidth.d.ts +10 -0
  104. package/dist/types/hooks/useTypingStatusText.d.ts +3 -0
  105. package/dist/types/index.d.ts +1 -0
  106. package/dist/types/lib/utils.d.ts +6 -0
  107. package/dist/types/locales/el/translation.json.d.ts +65 -0
  108. package/dist/types/locales/en/translation.json.d.ts +65 -0
  109. package/dist/types/locales/ua/translation.json.d.ts +65 -0
  110. package/dist/types/main.d.ts +1 -0
  111. package/dist/types/tests/connectycube.test.d.ts +1 -0
  112. package/package.json +54 -45
  113. package/dist/components/home/sidebar/tabs/users-tab.d.ts +0 -3
  114. package/dist/components/login.d.ts +0 -8
  115. package/dist/components/shadcn-ui/input.d.ts +0 -3
  116. package/dist/favicon.ico +0 -0
  117. package/dist/hooks/useValue.d.ts +0 -4
  118. /package/dist/{App.d.ts → react19/types/App.d.ts} +0 -0
  119. /package/dist/{components → react19/types/components}/home/home.d.ts +0 -0
  120. /package/dist/{components → react19/types/components}/home/main/chat-header.d.ts +0 -0
  121. /package/dist/{components → react19/types/components}/home/main/chat-info-members.d.ts +0 -0
  122. /package/dist/{components → react19/types/components}/home/main/chat-info-user.d.ts +0 -0
  123. /package/dist/{components → react19/types/components}/home/main/chat-input.d.ts +0 -0
  124. /package/dist/{components → react19/types/components}/home/main/group-member.d.ts +0 -0
  125. /package/dist/{components → react19/types/components}/home/main/main.d.ts +0 -0
  126. /package/dist/{components → react19/types/components}/home/main/message-attachment.d.ts +0 -0
  127. /package/dist/{components → react19/types/components}/home/main/message-body.d.ts +0 -0
  128. /package/dist/{components → react19/types/components}/home/main/message-url-preview.d.ts +0 -0
  129. /package/dist/{components → react19/types/components}/home/main/message.d.ts +0 -0
  130. /package/dist/{components → react19/types/components}/home/main/my-profile/my-block-list-item.d.ts +0 -0
  131. /package/dist/{components → react19/types/components}/home/main/my-profile/my-block-list.d.ts +0 -0
  132. /package/dist/{components → react19/types/components}/home/main/my-profile/my-profile-settings.d.ts +0 -0
  133. /package/dist/{components → react19/types/components}/home/main/my-profile/my-profile.d.ts +0 -0
  134. /package/dist/{components → react19/types/components}/home/main/profile-info.d.ts +0 -0
  135. /package/dist/{components → react19/types/components}/home/main/quick-actions.d.ts +0 -0
  136. /package/dist/{components → react19/types/components}/home/main/report-user-dialog.d.ts +0 -0
  137. /package/dist/{components → react19/types/components}/home/sidebar/chat-item.d.ts +0 -0
  138. /package/dist/{components → react19/types/components}/home/sidebar/chats-list.d.ts +0 -0
  139. /package/dist/{components → react19/types/components}/home/sidebar/new-chat/create-group-chat/create-group-chat.d.ts +0 -0
  140. /package/dist/{components → react19/types/components}/home/sidebar/new-chat/create-group-chat/participant.d.ts +0 -0
  141. /package/dist/{components → react19/types/components}/home/sidebar/new-chat/new-chat-dialog.d.ts +0 -0
  142. /package/dist/{components → react19/types/components}/home/sidebar/new-chat/searched-user.d.ts +0 -0
  143. /package/dist/{components → react19/types/components}/home/sidebar/sidebar.d.ts +0 -0
  144. /package/dist/{components → react19/types/components}/home/sidebar/tabs/chats-tab.d.ts +0 -0
  145. /package/dist/{components → react19/types/components}/home/sidebar/user-item.d.ts +0 -0
  146. /package/dist/{components → react19/types/components}/home/sidebar/users-list.d.ts +0 -0
  147. /package/dist/{components → react19/types/components}/shadcn-ui/sonner.d.ts +0 -0
  148. /package/dist/{components → react19/types/components}/shared/alert-busy.d.ts +0 -0
  149. /package/dist/{components → react19/types/components}/shared/confirmation-alert.d.ts +0 -0
  150. /package/dist/{components → react19/types/components}/shared/empty-content-placeholder.d.ts +0 -0
  151. /package/dist/{components → react19/types/components}/shared/loader.d.ts +0 -0
  152. /package/dist/{helpers → react19/types/helpers}/connectycube.d.ts +0 -0
  153. /package/dist/{helpers → react19/types/helpers}/debounce.d.ts +0 -0
  154. /package/dist/{helpers → react19/types/helpers}/i18n.d.ts +0 -0
  155. /package/dist/{helpers → react19/types/helpers}/notifications.d.ts +0 -0
  156. /package/dist/{helpers → react19/types/helpers}/throttle.d.ts +0 -0
  157. /package/dist/{hooks → react19/types/hooks}/store/useActiveTabsStore.d.ts +0 -0
  158. /package/dist/{hooks → react19/types/hooks}/store/useAlertBusyStore.d.ts +0 -0
  159. /package/dist/{hooks → react19/types/hooks}/store/useAppDefaultChatStore.d.ts +0 -0
  160. /package/dist/{hooks → react19/types/hooks}/store/useAppInterfaceStore.d.ts +0 -0
  161. /package/dist/{hooks → react19/types/hooks}/store/useAppNotificationStore.d.ts +0 -0
  162. /package/dist/{hooks → react19/types/hooks}/store/useAppQuickActionsStore.d.ts +0 -0
  163. /package/dist/{hooks → react19/types/hooks}/store/useAppSettingsStore.d.ts +0 -0
  164. /package/dist/{hooks → react19/types/hooks}/store/useDraftMessagesStore.d.ts +0 -0
  165. /package/dist/{hooks → react19/types/hooks}/store/useLinkPreviewStore.d.ts +0 -0
  166. /package/dist/{hooks → react19/types/hooks}/store/useProfileStore.d.ts +0 -0
  167. /package/dist/{hooks → react19/types/hooks}/store/useUnreadCountStore.d.ts +0 -0
  168. /package/dist/{hooks → react19/types/hooks}/store/useUserSettingsStore.d.ts +0 -0
  169. /package/dist/{hooks → react19/types/hooks}/useAppAuthorization.d.ts +0 -0
  170. /package/dist/{hooks → react19/types/hooks}/useLastActivity.d.ts +0 -0
  171. /package/dist/{hooks → react19/types/hooks}/useNotification.d.ts +0 -0
  172. /package/dist/{hooks → react19/types/hooks}/usePageFocus.d.ts +0 -0
  173. /package/dist/{hooks → react19/types/hooks}/useResizeScreenWidth.d.ts +0 -0
  174. /package/dist/{hooks → react19/types/hooks}/useTypingStatusText.d.ts +0 -0
  175. /package/dist/{index.d.ts → react19/types/index.d.ts} +0 -0
  176. /package/dist/{lib → react19/types/lib}/utils.d.ts +0 -0
  177. /package/dist/{locales → react19/types/locales}/el/translation.json.d.ts +0 -0
  178. /package/dist/{locales → react19/types/locales}/en/translation.json.d.ts +0 -0
  179. /package/dist/{locales → react19/types/locales}/ua/translation.json.d.ts +0 -0
  180. /package/dist/{main.d.ts → react19/types/main.d.ts} +0 -0
  181. /package/dist/{tests → react19/types/tests}/connectycube.test.d.ts +0 -0
Binary file
@@ -0,0 +1,8 @@
1
+ type AppLoginProps = {
2
+ id?: string;
3
+ name?: string;
4
+ avatar?: string;
5
+ userProfileLink?: string;
6
+ };
7
+ declare const AppLogin: React.FC<AppLoginProps>;
8
+ export default AppLogin;
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from 'react';
2
+ type AppShadowRootProps = {
3
+ children: ReactNode;
4
+ };
5
+ declare const AppShadowRoot: React.FC<AppShadowRootProps>;
6
+ export default AppShadowRoot;
@@ -0,0 +1,2 @@
1
+ declare const UsersTab: React.FC;
2
+ export default UsersTab;
@@ -1,12 +1,12 @@
1
- import * as React from "react";
2
- import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
1
+ import * as React from 'react';
2
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
3
3
  declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
4
  declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
5
5
  declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
6
6
  declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
7
- declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
8
- declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
9
- declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
7
+ declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
8
+ declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
9
+ declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
10
10
  declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
11
11
  declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
12
12
  declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
- import * as AvatarPrimitive from "@radix-ui/react-avatar";
1
+ import * as React from 'react';
2
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
3
3
  declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
4
  declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
5
5
  declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
@@ -1,9 +1,9 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
- import * as React from "react";
2
+ import * as React from 'react';
3
3
  declare const badgeVariants: (props?: ({
4
4
  variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
5
5
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
- declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
6
+ declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
7
7
  asChild?: boolean;
8
8
  }): import("react/jsx-runtime").JSX.Element;
9
9
  export { Badge, badgeVariants };
@@ -1,10 +1,10 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
- import * as React from "react";
2
+ import * as React from 'react';
3
3
  declare const buttonVariants: (props?: ({
4
- variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
5
- size?: "default" | "sm" | "lg" | "icon" | null | undefined;
4
+ variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
5
+ size?: "default" | "icon" | "sm" | "lg" | null | undefined;
6
6
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
- declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
7
+ declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
8
8
  asChild?: boolean;
9
9
  }): import("react/jsx-runtime").JSX.Element;
10
10
  export { Button, buttonVariants };
@@ -1,13 +1,13 @@
1
- import * as React from "react";
2
- import * as DialogPrimitive from "@radix-ui/react-dialog";
1
+ import * as React from 'react';
2
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
3
3
  declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
4
  declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
5
5
  declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
6
6
  declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
7
7
  declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
8
8
  declare function DialogContent({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
9
- declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
10
- declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
9
+ declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
10
+ declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
11
11
  declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
12
12
  declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
13
13
  export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
- import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
1
+ import * as React from 'react';
2
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
3
3
  declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
4
  declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
5
5
  declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
@@ -7,7 +7,7 @@ declare function DropdownMenuContent({ className, sideOffset, ...props }: React.
7
7
  declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
8
8
  declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
9
9
  inset?: boolean;
10
- variant?: "default" | "destructive";
10
+ variant?: 'default' | 'destructive';
11
11
  }): import("react/jsx-runtime").JSX.Element;
12
12
  declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
13
13
  declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
@@ -16,7 +16,7 @@ declare function DropdownMenuLabel({ className, inset, ...props }: React.Compone
16
16
  inset?: boolean;
17
17
  }): import("react/jsx-runtime").JSX.Element;
18
18
  declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
19
- declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
19
+ declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
20
20
  declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
21
21
  declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
22
22
  inset?: boolean;
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
3
+ export { Input };
@@ -1,4 +1,4 @@
1
- import * as React from "react";
2
- import * as LabelPrimitive from "@radix-ui/react-label";
1
+ import * as React from 'react';
2
+ import * as LabelPrimitive from '@radix-ui/react-label';
3
3
  declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
4
  export { Label };
@@ -1,4 +1,4 @@
1
- import * as React from "react";
2
- import * as SwitchPrimitive from "@radix-ui/react-switch";
1
+ import * as React from 'react';
2
+ import * as SwitchPrimitive from '@radix-ui/react-switch';
3
3
  declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
4
  export { Switch };
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
- import * as TabsPrimitive from "@radix-ui/react-tabs";
1
+ import * as React from 'react';
2
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
3
3
  declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
4
  declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
5
5
  declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@ import { default as React } from 'react';
2
2
  interface BaseAvatarProps {
3
3
  imageUIDOrUrl?: string | null;
4
4
  name?: string;
5
- className?: string | undefined;
5
+ className?: string;
6
6
  }
7
7
  interface AvatarWithStatusProps extends BaseAvatarProps {
8
8
  isOnline?: boolean;
@@ -7,7 +7,7 @@ type WidgetButtonProps = {
7
7
  badgeStyle?: React.CSSProperties;
8
8
  badgeClassName?: string;
9
9
  enableOnlineUsersBadge?: boolean;
10
- onlineBadgeTitle?: number;
10
+ onlineBadgeCount?: number;
11
11
  onlineBadgeStyle?: React.CSSProperties;
12
12
  onlineBadgeClassName?: string;
13
13
  };
@@ -0,0 +1,7 @@
1
+ type WidgetMessageBadgeProps = {
2
+ counter: number;
3
+ style?: React.CSSProperties;
4
+ className?: string;
5
+ };
6
+ declare const WidgetMessageBadge: React.FC<WidgetMessageBadgeProps>;
7
+ export default WidgetMessageBadge;
@@ -0,0 +1,7 @@
1
+ type WidgetOnlineBadgeProps = {
2
+ counter: number;
3
+ style?: React.CSSProperties;
4
+ className?: string;
5
+ };
6
+ declare const WidgetOnlineBadge: React.FC<WidgetOnlineBadgeProps>;
7
+ export default WidgetOnlineBadge;
@@ -10,6 +10,7 @@ export { default as useDraftMessagesStore } from './store/useDraftMessagesStore'
10
10
  export { default as useOnlineUsersCountStore } from './store/useOnlineUsersCountStore';
11
11
  export { default as useLinkPreviewStore } from './store/useLinkPreviewStore';
12
12
  export { default as useProfileStore } from './store/useProfileStore';
13
+ export { default as useShadowRootStore } from './store/useShadowRootStore';
13
14
  export { default as useUnreadCountStore } from './store/useUnreadCountStore';
14
15
  export { default as useUserSettingsStore } from './store/useUserSettingsStore';
15
16
  export { default as useAppAuthorization } from './useAppAuthorization';
@@ -18,4 +19,3 @@ export { default as useNotification } from './useNotification';
18
19
  export { default as usePageFocus } from './usePageFocus';
19
20
  export { default as useResizeScreenWidth } from './useResizeScreenWidth';
20
21
  export { default as useTypingStatusText } from './useTypingStatusText';
21
- export { default as useValue } from './useValue';
@@ -1,9 +1,12 @@
1
1
  interface OnlineUsersCountState {
2
2
  requestOnlineUsersInterval: number;
3
+ enableOnlineUsersBadge: boolean;
3
4
  onlineUsersCount: number;
4
5
  setRequestOnlineUsersInterval: (seconds: number) => void;
6
+ setEnableOnlineUsersBadge: (enable: boolean) => void;
5
7
  setOnlineUsersCount: (count: number) => void;
6
8
  resetRequestOnlineUsersInterval: () => void;
9
+ resetEnableOnlineUsersBadge: () => void;
7
10
  resetOnlineUsersCount: () => void;
8
11
  }
9
12
  declare const useOnlineUsersCountStore: import('zustand').UseBoundStore<import('zustand').StoreApi<OnlineUsersCountState>>;
@@ -0,0 +1,7 @@
1
+ export interface useShadowRootStoreState {
2
+ shadowRoot: ShadowRoot | Document;
3
+ shadowPortal: DocumentFragment | Element | null | undefined;
4
+ setShadowRoot: (shadowRoot?: ShadowRoot | Document) => void;
5
+ }
6
+ declare const useShadowRootStore: import('zustand').UseBoundStore<import('zustand').StoreApi<useShadowRootStoreState>>;
7
+ export default useShadowRootStore;
@@ -0,0 +1,50 @@
1
+ import { Config } from 'connectycube/types';
2
+ import { DefaultChat } from './hooks/store/useAppDefaultChatStore';
3
+ import { QuickActions } from './hooks/store/useAppQuickActionsStore';
4
+ export type AppProps = {
5
+ appId: Config.Credentials['appId'];
6
+ authKey: Config.Credentials['authKey'];
7
+ config?: Config.Options;
8
+ userId?: string;
9
+ userName?: string;
10
+ userAvatar?: string;
11
+ userProfileLink?: string;
12
+ open?: boolean;
13
+ splitView?: boolean;
14
+ showOnlineUsersTab?: boolean;
15
+ hideNewChatButton?: boolean;
16
+ hideNewUserChatOption?: boolean;
17
+ hideNewGroupChatOption?: boolean;
18
+ muted?: boolean;
19
+ showNotifications?: boolean;
20
+ playSound?: boolean;
21
+ webPushNotifications?: boolean;
22
+ webPushVapidPublicKey?: string;
23
+ serviceWorkerPath?: string | URL;
24
+ attachmentsAccept?: string;
25
+ enableLastSeen?: boolean;
26
+ enableContentReporting?: boolean;
27
+ enableBlockList?: boolean;
28
+ enableOnlineUsersBadge?: boolean;
29
+ getOnlineUsersInterval?: number;
30
+ enableUrlPreview?: boolean;
31
+ limitUrlsPreviews?: number;
32
+ quickActions?: QuickActions;
33
+ defaultChat?: DefaultChat;
34
+ hideWidgetButton?: boolean;
35
+ translation?: 'en' | 'el' | 'ua';
36
+ buttonTitle?: string;
37
+ portalStyle?: React.CSSProperties;
38
+ buttonStyle?: React.CSSProperties;
39
+ badgeStyle?: React.CSSProperties;
40
+ onlineBadgeStyle?: React.CSSProperties;
41
+ portalClassName?: string;
42
+ buttonClassName?: string;
43
+ badgeClassName?: string;
44
+ onlineBadgeClassName?: string;
45
+ onOpenChange?: (open: boolean) => void;
46
+ onUnreadCountChange?: (count: number) => void;
47
+ onOnlineUsersCountChange?: (count: number) => void;
48
+ };
49
+ declare const App: React.FC<AppProps>;
50
+ export default App;
@@ -0,0 +1,8 @@
1
+ type AppLoginProps = {
2
+ id?: string;
3
+ name?: string;
4
+ avatar?: string;
5
+ userProfileLink?: string;
6
+ };
7
+ declare const AppLogin: React.FC<AppLoginProps>;
8
+ export default AppLogin;
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from 'react';
2
+ type AppShadowRootProps = {
3
+ children: ReactNode;
4
+ };
5
+ declare const AppShadowRoot: React.FC<AppShadowRootProps>;
6
+ export default AppShadowRoot;
@@ -0,0 +1,2 @@
1
+ declare const Home: () => import("react/jsx-runtime").JSX.Element;
2
+ export default Home;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const _default: React.NamedExoticComponent<{}>;
3
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const _default: React.NamedExoticComponent<{}>;
3
+ export default _default;
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ import { Users } from 'connectycube/types';
3
+ export interface ChatInfoUserProps {
4
+ user?: Users.User | null;
5
+ }
6
+ declare const _default: React.NamedExoticComponent<ChatInfoUserProps>;
7
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ import { Dialogs } from 'connectycube/types';
3
+ export interface ChatInputProps {
4
+ onSendMessage: (message: string, dialog?: Dialogs.Dialog) => void;
5
+ onSendMessageWithAttachment: (files: File[]) => void;
6
+ }
7
+ declare const _default: React.NamedExoticComponent<ChatInputProps>;
8
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export interface GroupMemberProps {
3
+ userId: number;
4
+ name: string;
5
+ avatar?: string | null;
6
+ }
7
+ declare const _default: React.NamedExoticComponent<GroupMemberProps>;
8
+ export default _default;
@@ -0,0 +1,2 @@
1
+ declare const Main: () => import("react/jsx-runtime").JSX.Element;
2
+ export default Main;
@@ -0,0 +1,8 @@
1
+ import { Messages } from 'connectycube/types';
2
+ import { default as React } from 'react';
3
+ export interface MessageAttachmentProps {
4
+ attachment: Messages.Attachment;
5
+ uploading: boolean;
6
+ }
7
+ declare const MessageAttachment: React.FC<MessageAttachmentProps>;
8
+ export default MessageAttachment;
@@ -0,0 +1,6 @@
1
+ type MessageBodyProps = {
2
+ message: string;
3
+ id: string;
4
+ };
5
+ declare const MessageBody: React.FC<MessageBodyProps>;
6
+ export default MessageBody;
@@ -0,0 +1,6 @@
1
+ type MessageUrlPreviewProps = {
2
+ message: string;
3
+ id: string;
4
+ };
5
+ declare const MessageUrlPreview: React.FC<MessageUrlPreviewProps>;
6
+ export default MessageUrlPreview;
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ import { Messages } from 'connectycube/types';
3
+ export interface MessageProps {
4
+ message: Messages.Message;
5
+ isGroupChat: boolean;
6
+ dialogName: string;
7
+ senderName: string;
8
+ senderAvatar?: string | null;
9
+ }
10
+ declare const Message: React.FC<MessageProps>;
11
+ export default Message;
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ import { Users } from 'connectycube/types';
3
+ export interface MyBlockListItemProps {
4
+ user?: Users.User;
5
+ }
6
+ declare const _default: React.NamedExoticComponent<MyBlockListItemProps>;
7
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const MyBlockList: React.FC;
3
+ export default MyBlockList;
@@ -0,0 +1,2 @@
1
+ declare const MyProfileSettings: () => import("react/jsx-runtime").JSX.Element;
2
+ export default MyProfileSettings;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const MyProfile: React.FC;
3
+ export default MyProfile;
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ type ProfileInfoProps = {
3
+ profileClassName: string;
4
+ };
5
+ declare const _default: React.NamedExoticComponent<ProfileInfoProps>;
6
+ export default _default;
@@ -0,0 +1,5 @@
1
+ export interface QuickActionsProps {
2
+ sendMessage: (text: string) => void;
3
+ }
4
+ declare const QuickActions: React.FC<QuickActionsProps>;
5
+ export default QuickActions;
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ export interface ReportUserDialogProps {
3
+ userId: number;
4
+ }
5
+ declare const _default: React.NamedExoticComponent<ReportUserDialogProps>;
6
+ export default _default;
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ import { Dialogs } from 'connectycube/types';
3
+ export interface ChatItemProps {
4
+ dialog: Dialogs.Dialog;
5
+ }
6
+ declare const ChatItem: React.FC<ChatItemProps>;
7
+ export default ChatItem;
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ export interface ChatsListProps {
3
+ searchTerm?: string;
4
+ }
5
+ declare const _default: React.NamedExoticComponent<ChatsListProps>;
6
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ import { Users } from 'connectycube/types';
3
+ export interface CreateGroupChatProps {
4
+ users: Users.User[];
5
+ onCreateChat: (name: string) => Promise<void>;
6
+ }
7
+ declare const _default: React.NamedExoticComponent<CreateGroupChatProps>;
8
+ export default _default;
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ export interface ParticipantProps {
3
+ avatar?: string;
4
+ name: string;
5
+ }
6
+ declare const _default: React.NamedExoticComponent<ParticipantProps>;
7
+ export default _default;
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ export type ChatType = 'private' | 'group';
3
+ export interface NewChatDialogProps {
4
+ chatType: ChatType;
5
+ addUsersMode?: boolean;
6
+ onFinish: () => void;
7
+ }
8
+ declare const _default: React.NamedExoticComponent<NewChatDialogProps>;
9
+ export default _default;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ import { ChatType } from './new-chat-dialog';
3
+ export interface SearchedUserProps {
4
+ id: number;
5
+ name: string;
6
+ avatar?: string;
7
+ chatType: ChatType;
8
+ onStartChat: (userId: number) => void;
9
+ isSelected: boolean;
10
+ onSelectUser: (userId: number, isSelected: boolean) => void;
11
+ }
12
+ declare const _default: React.NamedExoticComponent<SearchedUserProps>;
13
+ export default _default;
@@ -0,0 +1,2 @@
1
+ declare const SideBar: React.FC;
2
+ export default SideBar;
@@ -0,0 +1,2 @@
1
+ declare const ChatsTab: React.FC;
2
+ export default ChatsTab;
@@ -0,0 +1,2 @@
1
+ declare const UsersTab: React.FC;
2
+ export default UsersTab;
@@ -0,0 +1,7 @@
1
+ export interface UserItemProps {
2
+ userId: number;
3
+ userName: string;
4
+ avatar?: string;
5
+ }
6
+ declare const _default: import('react').NamedExoticComponent<UserItemProps>;
7
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ export interface UsersListProps {
3
+ searchTerm?: string;
4
+ }
5
+ declare const _default: React.NamedExoticComponent<UsersListProps>;
6
+ export default _default;
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
3
+ declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
5
+ declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
6
+ declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
7
+ declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
8
+ declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
9
+ declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
10
+ declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
11
+ declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
12
+ declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
13
+ declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
14
+ export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
@@ -0,0 +1,6 @@
1
+ import * as React from 'react';
2
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
3
+ declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
5
+ declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
6
+ export { Avatar, AvatarImage, AvatarFallback };
@@ -0,0 +1,9 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import * as React from 'react';
3
+ declare const badgeVariants: (props?: ({
4
+ variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
5
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
+ declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
7
+ asChild?: boolean;
8
+ }): import("react/jsx-runtime").JSX.Element;
9
+ export { Badge, badgeVariants };
@@ -0,0 +1,10 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import * as React from 'react';
3
+ declare const buttonVariants: (props?: ({
4
+ variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
5
+ size?: "default" | "icon" | "sm" | "lg" | null | undefined;
6
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
+ declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
8
+ asChild?: boolean;
9
+ }): import("react/jsx-runtime").JSX.Element;
10
+ export { Button, buttonVariants };
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
3
+ declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
5
+ declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
6
+ declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
7
+ declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
8
+ declare function DialogContent({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
9
+ declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
10
+ declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
11
+ declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
12
+ declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
13
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };