@expcat/tigercat-react 2.1.2 → 2.1.3

package/dist/{chunk-F2ITBDUS.mjs → chunk-A4JRK5SM.mjs}

@@ -1,26 +1,39 @@
+import {
+  useTigerConfig
+} from "./chunk-RUIFGSVN.mjs";
+
 // src/components/ChartLegend.tsx
 import { useMemo, useCallback } from "react";
-import { classNames } from "@expcat/tigercat-core";
+import {
+  classNames,
+  chartLegendListClasses,
+  getChartLabels,
+  getChartLegendItemClasses,
+  mergeTigerLocale
+} from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ChartLegend = ({
   items,
-  position = "bottom",
+  orientation = "horizontal",
   markerSize = 10,
   gap = 8,
   interactive = false,
-  ariaLabel = "Chart legend",
+  ariaLabel,
   className,
   onItemClick,
   onItemHover,
   onItemLeave
 }) => {
+  const config = useTigerConfig();
+  const labels = useMemo(() => getChartLabels(mergeTigerLocale(config.locale)), [config.locale]);
+  const resolvedAriaLabel = ariaLabel ?? labels.legendAriaLabel;
   const containerClasses = useMemo(
     () => classNames(
-      "flex flex-wrap",
-      position === "right" || position === "left" ? "flex-col" : "flex-row",
+      chartLegendListClasses,
+      orientation === "vertical" ? "flex-col" : "flex-row",
       className
     ),
-    [position, className]
+    [orientation, className]
   );
   const handleClick = useCallback(
     (item) => {
@@ -30,42 +43,50 @@ var ChartLegend = ({
     [interactive, onItemClick]
   );
   const handleHover = useCallback(
-    (item) => {
+    (item, event) => {
       if (!interactive) return;
-      onItemHover?.(item.index, item);
+      onItemHover?.(item.index, item, event);
     },
     [interactive, onItemHover]
   );
-  const handleLeave = useCallback(() => {
-    if (!interactive) return;
-    onItemLeave?.();
-  }, [interactive, onItemLeave]);
+  const handleLeave = useCallback(
+    (event) => {
+      if (!interactive) return;
+      if (event && event.relatedTarget instanceof Node && event.currentTarget.contains(event.relatedTarget)) {
+        return;
+      }
+      onItemLeave?.();
+    },
+    [interactive, onItemLeave]
+  );
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: containerClasses,
       role: interactive ? "group" : "list",
-      "aria-label": ariaLabel,
+      "aria-label": resolvedAriaLabel,
       style: { gap: `${gap}px` },
       "data-chart-legend": "true",
+      onMouseLeave: interactive ? handleLeave : void 0,
+      onBlur: interactive ? handleLeave : void 0,
       children: items.map((item) => {
         const ItemComponent = interactive ? "button" : "div";
+        const highlighted = Boolean(item.active && items.some((entry) => entry.active === false));
         return /* @__PURE__ */ jsxs(
           ItemComponent,
           {
             type: interactive ? "button" : void 0,
-            className: classNames(
-              "flex items-center gap-2 text-sm rounded-[var(--tiger-chart-legend-row-radius,0)]",
-              "text-[color:var(--tiger-text-secondary,#6b7280)]",
-              interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] hover:bg-[var(--tiger-chart-legend-row-hover-bg,transparent)] transition-colors" : "cursor-default",
-              item.active === false ? "opacity-50" : void 0
-            ),
+            className: getChartLegendItemClasses({
+              interactive,
+              dimmed: item.active === false
+            }),
             role: interactive ? void 0 : "listitem",
-            "aria-pressed": interactive ? item.active !== false : void 0,
+            "aria-pressed": interactive ? Boolean(item.selected) : void 0,
+            "aria-current": interactive && highlighted ? "true" : void 0,
             "data-legend-item": "true",
             onClick: interactive ? () => handleClick(item) : void 0,
-            onMouseEnter: interactive ? () => handleHover(item) : void 0,
-            onMouseLeave: interactive ? handleLeave : void 0,
+            onMouseEnter: interactive ? (event) => handleHover(item, event) : void 0,
+            onFocus: interactive ? (event) => handleHover(item, event) : void 0,
             children: [
               /* @__PURE__ */ jsx(
                 "span",

package/dist/chunk-A6PNUVY6.mjs

@@ -0,0 +1,236 @@
+import {
+  Modal
+} from "./chunk-OES5DL3S.mjs";
+import {
+  ImageCropper
+} from "./chunk-TVVLCER6.mjs";
+import {
+  Icon
+} from "./chunk-WPRXOO6N.mjs";
+import {
+  Button
+} from "./chunk-WFLXJOFU.mjs";
+import {
+  useFormItemControlContext
+} from "./chunk-F6T3OLTQ.mjs";
+import {
+  useTigerConfig
+} from "./chunk-RUIFGSVN.mjs";
+
+// src/components/CropUpload.tsx
+import {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useId,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import {
+  createCropUploadSession,
+  formatBytes,
+  getCropUploadTriggerClasses,
+  getImageEditorLabels,
+  handleUploadDragLeave,
+  handleUploadDragOver,
+  handleUploadDrop,
+  interpolateUploadLabel,
+  mergeAriaDescribedBy,
+  mergeTigerLocale,
+  withCropFile
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var CropUpload = forwardRef(function CropUpload2({
+  locale,
+  accept = "image/*",
+  disabled = false,
+  maxSize,
+  cropperProps,
+  modalTitle,
+  modalWidth = 520,
+  className,
+  style,
+  children,
+  onCropComplete,
+  onError,
+  ...rest
+}, ref) {
+  const config = useTigerConfig();
+  const formItemControl = useFormItemControlContext();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(() => getImageEditorLabels(mergedLocale), [mergedLocale]);
+  const effectiveDisabled = Boolean(disabled || formItemControl?.disabled);
+  const reactId = useId();
+  const triggerId = rest.id ?? formItemControl?.id ?? `tiger-crop-upload-${reactId}`;
+  const inputId = `${triggerId}-input`;
+  const describedBy = mergeAriaDescribedBy(
+    typeof rest["aria-describedby"] === "string" ? rest["aria-describedby"] : void 0,
+    formItemControl?.describedBy
+  );
+  const inputRef = useRef(null);
+  const triggerRef = useRef(null);
+  const cropperRef = useRef(null);
+  const [isDragging, setIsDragging] = useState(false);
+  const [sessionState, setSessionState] = useState(() => ({
+    generation: 0,
+    modalOpen: false,
+    imageSrc: "",
+    originalFile: null,
+    cropperReady: false,
+    cropping: false
+  }));
+  const labelsRef = useRef(labels);
+  labelsRef.current = labels;
+  const acceptRef = useRef(accept);
+  acceptRef.current = accept;
+  const maxSizeRef = useRef(maxSize);
+  maxSizeRef.current = maxSize;
+  const onErrorRef = useRef(onError);
+  onErrorRef.current = onError;
+  const sessionHolder = useRef(null);
+  if (!sessionHolder.current) {
+    sessionHolder.current = createCropUploadSession({
+      getAccept: () => acceptRef.current,
+      getMaxSize: () => maxSizeRef.current,
+      getSizeError: (limit) => interpolateUploadLabel(labelsRef.current.fileTooLargeText, { maxSize: formatBytes(limit) }),
+      getTypeError: () => labelsRef.current.fileTypeRejectedText,
+      onState: setSessionState,
+      onError: (error) => onErrorRef.current?.(error)
+    });
+  }
+  const session = sessionHolder.current;
+  useEffect(() => () => session.dispose(), [session]);
+  useImperativeHandle(ref, () => triggerRef.current, []);
+  const handleFiles = useCallback(
+    (file) => {
+      if (effectiveDisabled) return;
+      session.selectFile(file);
+      if (inputRef.current) inputRef.current.value = "";
+    },
+    [effectiveDisabled, session]
+  );
+  const handleConfirm = async () => {
+    if (!session.beginCrop()) return;
+    try {
+      const raw = await cropperRef.current?.getCropResult();
+      if (!raw) return;
+      const originalName = session.getState().originalFile?.name ?? raw.file.name;
+      const result = withCropFile(raw, originalName);
+      onCropComplete?.(result);
+      formItemControl?.onChange?.(result.file);
+      session.close();
+    } catch (error) {
+      onError?.(error);
+      session.endCrop();
+    }
+  };
+  const handleCancel = () => session.close();
+  const cropperLocale = locale ?? cropperProps?.locale;
+  const userReady = cropperProps?.onReady;
+  const {
+    onReady: _ignoredReady,
+    locale: _ignoredLocale,
+    className: cropperClassName,
+    ...restCropper
+  } = cropperProps ?? {};
+  return /* @__PURE__ */ jsxs("div", { className: "tiger-crop-upload inline-block", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        id: inputId,
+        type: "file",
+        accept,
+        disabled: effectiveDisabled,
+        className: "sr-only",
+        onChange: (event) => handleFiles(event.target.files?.[0]),
+        tabIndex: -1
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "label",
+      {
+        ...rest,
+        ref: triggerRef,
+        id: triggerId,
+        htmlFor: effectiveDisabled ? void 0 : inputId,
+        className: getCropUploadTriggerClasses(effectiveDisabled, className),
+        style,
+        "aria-disabled": effectiveDisabled || void 0,
+        "aria-describedby": describedBy,
+        "aria-label": children ? void 0 : labels.selectImageAriaLabel,
+        onDragOver: (event) => {
+          const result = handleUploadDragOver(event, effectiveDisabled);
+          if (result.handled) setIsDragging(result.isDragging);
+        },
+        onDragLeave: (event) => {
+          const result = handleUploadDragLeave(event, effectiveDisabled, event.currentTarget);
+          if (result.handled) setIsDragging(result.isDragging);
+        },
+        onDrop: (event) => {
+          const result = handleUploadDrop(event, effectiveDisabled);
+          if (!result.handled) return;
+          setIsDragging(false);
+          handleFiles(result.files[0]);
+        },
+        "data-dragging": isDragging ? "true" : void 0,
+        children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Icon, { name: "plus", className: "w-5 h-5", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { children: labels.selectImageText })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        open: sessionState.modalOpen,
+        width: modalWidth,
+        title: modalTitle ?? labels.cropModalTitle,
+        closable: true,
+        maskClosable: false,
+        destroyOnClose: true,
+        onClose: handleCancel,
+        footer: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleCancel, children: labels.cropCancelText }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: handleConfirm,
+              loading: sessionState.cropping,
+              disabled: !sessionState.cropperReady,
+              children: labels.cropConfirmText
+            }
+          )
+        ] }),
+        children: sessionState.imageSrc ? /* @__PURE__ */ jsx(
+          ImageCropper,
+          {
+            ref: cropperRef,
+            src: sessionState.imageSrc,
+            className: cropperClassName,
+            locale: cropperLocale,
+            ...restCropper,
+            onReady: () => {
+              session.markReady();
+              userReady?.();
+            },
+            onError: (error) => {
+              session.markLoadError(error);
+              cropperProps?.onError?.(error);
+            }
+          }
+        ) : null
+      }
+    )
+  ] });
+});
+CropUpload.displayName = "CropUpload";
+
+export {
+  CropUpload
+};

package/dist/chunk-ACV7IV3W.mjs

@@ -0,0 +1,339 @@
+import {
+  VirtualList
+} from "./chunk-NTCVAVYZ.mjs";
+import {
+  Input
+} from "./chunk-XE34TOCS.mjs";
+import {
+  Empty
+} from "./chunk-RLUBTLOT.mjs";
+import {
+  Textarea
+} from "./chunk-ZG6WST55.mjs";
+import {
+  Avatar
+} from "./chunk-3KBFOO2E.mjs";
+import {
+  Button
+} from "./chunk-WFLXJOFU.mjs";
+import {
+  useControlledState
+} from "./chunk-UJTAHHQT.mjs";
+import {
+  useTigerConfig
+} from "./chunk-RUIFGSVN.mjs";
+
+// src/components/ChatWindow.tsx
+import React, {
+  forwardRef,
+  useCallback,
+  useImperativeHandle,
+  useEffect,
+  useMemo,
+  useRef
+} from "react";
+import {
+  classNames,
+  EMPTY_CHAT_MESSAGES,
+  getChatMessageStatusInfo,
+  buildChatMessageStatusInfo,
+  getChatStatusBarClasses,
+  formatChatTime,
+  getChatWindowLabels,
+  mergeTigerLocale,
+  resolveLocaleText,
+  canSendChatMessage,
+  shouldSendChatOnEnter,
+  isChatScrollerNearBottom,
+  planChatScroll,
+  didChatPrepend,
+  getChatItemKey,
+  getChatMessageRowClasses,
+  getChatBubbleClasses,
+  chatWindowRootClasses,
+  chatMessageListClasses,
+  chatComposerClasses,
+  CHAT_VIRTUAL_ESTIMATED_ITEM_HEIGHT
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ChatWindow = forwardRef(function ChatWindow2({
+  messages = EMPTY_CHAT_MESSAGES,
+  value,
+  defaultValue = "",
+  placeholder,
+  disabled = false,
+  maxLength,
+  emptyText,
+  sendText,
+  locale,
+  labels: labelsOverride,
+  messageListAriaLabel,
+  inputAriaLabel,
+  sendAriaLabel,
+  statusText,
+  statusVariant = "info",
+  showAvatar = true,
+  showName = true,
+  showTime = false,
+  inputType = "textarea",
+  inputRows = 3,
+  sendOnEnter = true,
+  allowShiftEnter = true,
+  allowEmpty = false,
+  clearOnSend = true,
+  virtual = false,
+  virtualItemHeight = CHAT_VIRTUAL_ESTIMATED_ITEM_HEIGHT,
+  virtualHeight = 400,
+  autoScrollToBottom = true,
+  onChange,
+  onSend,
+  renderBubble,
+  className,
+  ...props
+}, ref) {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(
+    () => getChatWindowLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
+  const statusMap = useMemo(() => buildChatMessageStatusInfo(labels), [labels]);
+  const resolvedPlaceholder = resolveLocaleText(labels.placeholder, placeholder);
+  const resolvedEmptyText = resolveLocaleText(labels.emptyText, emptyText);
+  const resolvedSendText = resolveLocaleText(labels.sendText, sendText);
+  const listLabel = messageListAriaLabel ?? labels.messageListAriaLabel;
+  const [inputValue, setInputValue] = useControlledState({
+    value,
+    defaultValue,
+    onChange
+  });
+  const lastSentRef = useRef(null);
+  const [, setSendTick] = React.useState(0);
+  const stickToBottomRef = useRef(true);
+  const messageListRef = useRef(null);
+  const virtualListRef = useRef(null);
+  const previousScrollHeightRef = useRef(0);
+  const previousFirstIdRef = useRef(messages[0]?.id);
+  const previousLengthRef = useRef(messages.length);
+  const hasSendHandler = typeof onSend === "function";
+  const canSend = canSendChatMessage({
+    disabled,
+    allowEmpty,
+    value: inputValue,
+    sending: false,
+    hasSendHandler,
+    lastSent: lastSentRef.current
+  });
+  const wrapperClasses = useMemo(() => classNames(chatWindowRootClasses, className), [className]);
+  const resolveScroller = useCallback(() => {
+    if (virtual) return virtualListRef.current?.getScrollElement() ?? null;
+    return messageListRef.current;
+  }, [virtual]);
+  const syncStickToBottom = useCallback(() => {
+    const scroller = resolveScroller();
+    if (!scroller) return;
+    stickToBottomRef.current = isChatScrollerNearBottom(scroller);
+  }, [resolveScroller]);
+  const scrollToBottom = useCallback(() => {
+    if (!autoScrollToBottom) return;
+    requestAnimationFrame(() => {
+      const scroller = resolveScroller();
+      if (!scroller) return;
+      scroller.scrollTop = scroller.scrollHeight;
+      stickToBottomRef.current = true;
+      previousScrollHeightRef.current = scroller.scrollHeight;
+    });
+  }, [autoScrollToBottom, resolveScroller]);
+  useImperativeHandle(ref, () => ({ scrollToBottom }), [scrollToBottom]);
+  const handleValueChange = useCallback(
+    (nextValue) => {
+      if (lastSentRef.current != null && nextValue !== lastSentRef.current) {
+        lastSentRef.current = null;
+      }
+      setInputValue(nextValue);
+    },
+    [setInputValue]
+  );
+  const handleSend = useCallback(() => {
+    if (!canSendChatMessage({
+      disabled,
+      allowEmpty,
+      value: inputValue,
+      hasSendHandler,
+      lastSent: lastSentRef.current
+    })) {
+      return;
+    }
+    const payload = String(inputValue ?? "");
+    lastSentRef.current = payload;
+    setSendTick((tick) => tick + 1);
+    onSend?.(payload);
+    if (clearOnSend) setInputValue("");
+  }, [allowEmpty, clearOnSend, disabled, hasSendHandler, inputValue, onSend, setInputValue]);
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (!shouldSendChatOnEnter(event.nativeEvent, {
+        sendOnEnter,
+        inputType,
+        allowShiftEnter
+      })) {
+        return;
+      }
+      event.preventDefault();
+      handleSend();
+    },
+    [allowShiftEnter, handleSend, inputType, sendOnEnter]
+  );
+  const renderBubbleBody = renderBubble;
+  const renderMessageItem = useCallback(
+    (message, index) => {
+      const isSelf = message.direction === "self";
+      const statusInfo = message.status ? getChatMessageStatusInfo(message.status, statusMap) : void 0;
+      const timeText = showTime ? formatChatTime(message.time, mergedLocale) : "";
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: getChatMessageRowClasses(isSelf),
+          "data-tiger-chat-message": true,
+          children: [
+            showAvatar && message.user ? /* @__PURE__ */ jsx(
+              Avatar,
+              {
+                size: "sm",
+                src: message.user.avatar,
+                text: message.user.name,
+                className: "flex-shrink-0",
+                "aria-hidden": Boolean(showName && message.user.name)
+              }
+            ) : null,
+            /* @__PURE__ */ jsxs("div", { className: classNames("flex flex-col max-w-[75%]", isSelf && "items-end"), children: [
+              showName && message.user?.name && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: classNames(
+                    "text-xs mb-1 text-[var(--tiger-text-muted,#6b7280)]",
+                    isSelf && "text-end"
+                  ),
+                  children: message.user.name
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: getChatBubbleClasses(isSelf), "data-tiger-chat-bubble": true, children: renderBubbleBody?.(message, index) ?? message.content }),
+              statusInfo && /* @__PURE__ */ jsx("div", { className: classNames("text-xs mt-1", statusInfo.className), children: message.statusText || statusInfo.text }),
+              timeText ? /* @__PURE__ */ jsx("div", { className: "text-xs mt-1 text-[var(--tiger-text-muted,#6b7280)]", children: timeText }) : null
+            ] })
+          ]
+        },
+        message.id ?? index
+      );
+    },
+    [mergedLocale, renderBubbleBody, showAvatar, showName, showTime, statusMap]
+  );
+  const lastContent = messages[messages.length - 1]?.content;
+  const firstId = messages[0]?.id;
+  useEffect(() => {
+    const raf = requestAnimationFrame(() => {
+      const scroller = resolveScroller();
+      if (!scroller) return;
+      const prepended = didChatPrepend(
+        previousFirstIdRef.current,
+        firstId,
+        previousLengthRef.current,
+        messages.length
+      );
+      const plan = planChatScroll({
+        stickToBottom: stickToBottomRef.current,
+        autoScrollToBottom,
+        prepended,
+        previousScrollHeight: previousScrollHeightRef.current,
+        nextScrollHeight: scroller.scrollHeight
+      });
+      if (plan.scrollTop != null) {
+        scroller.scrollTop = plan.scrollTop;
+        stickToBottomRef.current = true;
+      } else if (plan.compensate) {
+        scroller.scrollTop += plan.compensate;
+      }
+      previousScrollHeightRef.current = scroller.scrollHeight;
+      previousFirstIdRef.current = firstId;
+      previousLengthRef.current = messages.length;
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [autoScrollToBottom, firstId, lastContent, messages.length, resolveScroller]);
+  const listA11y = {
+    role: "log",
+    "aria-live": "polite",
+    "aria-relevant": "additions text",
+    "aria-label": listLabel
+  };
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, "data-tiger-chat-window": true, ...props, children: [
+    virtual && messages.length > 0 ? /* @__PURE__ */ jsx(
+      VirtualList,
+      {
+        ref: virtualListRef,
+        className: chatMessageListClasses,
+        itemCount: messages.length,
+        estimatedItemHeight: virtualItemHeight,
+        height: virtualHeight,
+        getItemKey: (index) => getChatItemKey(messages, index),
+        onScroll: syncStickToBottom,
+        renderItem: ({ index }) => renderMessageItem(messages[index], index),
+        ...listA11y
+      }
+    ) : /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: messageListRef,
+        className: chatMessageListClasses,
+        ...listA11y,
+        onScroll: syncStickToBottom,
+        children: messages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Empty, { description: resolvedEmptyText }) }) : messages.map(renderMessageItem)
+      }
+    ),
+    statusText ? /* @__PURE__ */ jsx("div", { className: getChatStatusBarClasses(statusVariant), "aria-live": "polite", children: statusText }) : null,
+    /* @__PURE__ */ jsxs("div", { className: chatComposerClasses, children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1", children: inputType === "input" ? /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: inputValue,
+          placeholder: resolvedPlaceholder,
+          disabled,
+          maxLength,
+          "aria-label": inputAriaLabel ?? resolvedPlaceholder,
+          onChange: (event) => handleValueChange(event.currentTarget.value),
+          onKeyDown: handleKeyDown
+        }
+      ) : /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          value: inputValue,
+          placeholder: resolvedPlaceholder,
+          disabled,
+          maxLength,
+          rows: inputRows,
+          "aria-label": inputAriaLabel ?? resolvedPlaceholder,
+          onChange: (event) => handleValueChange(event.currentTarget.value),
+          onKeyDown: handleKeyDown
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          disabled: !canSend,
+          onClick: handleSend,
+          "aria-label": sendAriaLabel ?? resolvedSendText,
+          children: resolvedSendText
+        }
+      )
+    ] })
+  ] });
+});
+ChatWindow.displayName = "ChatWindow";
+var ChatWindow_default = ChatWindow;
+
+export {
+  ChatWindow,
+  ChatWindow_default
+};