@pingux/astro 2.113.0-alpha.1 → 2.113.0-alpha.2

package/lib/cjs/styles/themes/next-gen/next-gen.d.ts

@@ -1320,10 +1320,14 @@ declare const _default: {
             fontFamily: string;
             fontSize: string;
             display: string;
+            whiteSpace: string;
             lineHeight: string;
             '&.has-bullet': {
                 display: string;
             };
+            '&::marker': {
+                color: string;
+            };
         };
     };
     fonts: {
@@ -2661,6 +2665,19 @@ declare const _default: {
                 minWidth: string;
                 minHeight: string;
             };
+            list: {
+                pl: string;
+                listStyleType: string;
+                listStylePosition: string;
+                '&.is-numeric': {
+                    listStyleType: string;
+                };
+                '& > li': {
+                    '&:marker': {
+                        content: string;
+                    };
+                };
+            };
             attachmentWrapper: {
                 alignItems: string;
                 height: string;
@@ -2678,6 +2695,28 @@ declare const _default: {
                     display: string;
                 };
             };
+            markupComplexContainer: {
+                display: string;
+                flexDirection: string;
+                '&.is-not-loaded': {
+                    display: string;
+                };
+            };
+            textWrapper: {
+                '&.has-bullet': {
+                    display: string;
+                };
+                '&.has-rendered': {
+                    display: string;
+                };
+                '&.has-block': {
+                    display: string;
+                };
+                '&::marker': {
+                    color: string;
+                };
+                listStylePosition: string;
+            };
         };
         skeleton: {
             base: {

package/lib/cjs/styles/themes/next-gen/variants/response.d.ts

@@ -12,6 +12,19 @@ declare const _default: {
         minWidth: string;
         minHeight: string;
     };
+    list: {
+        pl: string;
+        listStyleType: string;
+        listStylePosition: string;
+        '&.is-numeric': {
+            listStyleType: string;
+        };
+        '& > li': {
+            '&:marker': {
+                content: string;
+            };
+        };
+    };
     attachmentWrapper: {
         alignItems: string;
         height: string;
@@ -29,5 +42,27 @@ declare const _default: {
             display: string;
         };
     };
+    markupComplexContainer: {
+        display: string;
+        flexDirection: string;
+        '&.is-not-loaded': {
+            display: string;
+        };
+    };
+    textWrapper: {
+        '&.has-bullet': {
+            display: string;
+        };
+        '&.has-rendered': {
+            display: string;
+        };
+        '&.has-block': {
+            display: string;
+        };
+        '&::marker': {
+            color: string;
+        };
+        listStylePosition: string;
+    };
 };
 export default _default;

package/lib/cjs/styles/themes/next-gen/variants/response.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var iconWrapper = {
   border: '1px solid',
   p: 'xs',
-  borderColor: 'gray-200',
+  borderColor: 'border.base',
   borderRadius: '50%',
   alignContent: 'center',
   alignItems: 'center',
@@ -22,7 +22,7 @@ var attachmentWrapper = {
   alignItems: 'center',
   height: '60px',
   border: '1px solid',
-  borderColor: 'gray-200',
+  borderColor: 'border.base',
   p: 'md',
   gap: 'sm',
   borderRadius: '4px',
@@ -30,14 +30,52 @@ var attachmentWrapper = {
     display: 'none'
   }
 };
+var markupComplexContainer = {
+  display: 'flex',
+  flexDirection: 'column',
+  '&.is-not-loaded': {
+    display: 'none'
+  }
+};
 var toolbar = {
   '&.is-not-loaded': {
     display: 'none'
   }
 };
+var list = {
+  pl: 'md',
+  listStyleType: 'disc',
+  listStylePosition: 'inside',
+  '&.is-numeric': {
+    listStyleType: 'decimal'
+  },
+  '& > li': {
+    '&:marker': {
+      content: '"s"'
+    }
+  }
+};
+var textWrapper = {
+  '&.has-bullet': {
+    display: 'list-item !important'
+  },
+  '&.has-rendered': {
+    display: 'list-item'
+  },
+  '&.has-block': {
+    display: 'block'
+  },
+  '&::marker': {
+    color: 'text.primary'
+  },
+  listStylePosition: 'outside'
+};
 var _default = {
   iconWrapper: iconWrapper,
+  list: list,
   attachmentWrapper: attachmentWrapper,
-  toolbar: toolbar
+  toolbar: toolbar,
+  markupComplexContainer: markupComplexContainer,
+  textWrapper: textWrapper
 };
 exports["default"] = _default;

package/lib/cjs/styles/themes/next-gen/variants/text.d.ts

@@ -88,9 +88,13 @@ export declare const text: {
         fontFamily: string;
         fontSize: string;
         display: string;
+        whiteSpace: string;
         lineHeight: string;
         '&.has-bullet': {
             display: string;
         };
+        '&::marker': {
+            color: string;
+        };
     };
 };

package/lib/cjs/styles/themes/next-gen/variants/text.js

@@ -102,9 +102,13 @@ var text = _objectSpread(_objectSpread({
     fontFamily: 'standard',
     fontSize: 'md',
     display: 'block',
+    whiteSpace: 'pre-wrap',
     lineHeight: '1.6rem',
     '&.has-bullet': {
       display: 'list-item'
+    },
+    '&::marker': {
+      color: 'text.primary'
     }
   }
 }, hTags), {}, {

package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts

@@ -930,6 +930,19 @@ declare const _default: {
             minWidth: string;
             minHeight: string;
         };
+        list: {
+            pl: string;
+            listStyleType: string;
+            listStylePosition: string;
+            '&.is-numeric': {
+                listStyleType: string;
+            };
+            '& > li': {
+                '&:marker': {
+                    content: string;
+                };
+            };
+        };
         attachmentWrapper: {
             alignItems: string;
             height: string;
@@ -947,6 +960,28 @@ declare const _default: {
                 display: string;
             };
         };
+        markupComplexContainer: {
+            display: string;
+            flexDirection: string;
+            '&.is-not-loaded': {
+                display: string;
+            };
+        };
+        textWrapper: {
+            '&.has-bullet': {
+                display: string;
+            };
+            '&.has-rendered': {
+                display: string;
+            };
+            '&.has-block': {
+                display: string;
+            };
+            '&::marker': {
+                color: string;
+            };
+            listStylePosition: string;
+        };
     };
     skeleton: {
         base: {

package/lib/cjs/types/response.d.ts

@@ -9,10 +9,22 @@ interface SharedResponseProps {
     animationIndex?: number;
     setAnimationIndex?: (index: number) => void;
 }
-export interface ResponseTextProps extends SharedResponseProps, TextProps {
-    text: string;
+interface SharedWrapperProps {
+    stateIndex: number;
+    isTopLevel?: boolean;
+}
+interface SharedParentProps {
+    children: ReactNode[];
+    parentIndex?: number;
     delay?: number;
+}
+interface SharedTextProps extends TextProps {
     isListItem?: boolean;
+    parentIndex?: number;
+    delay?: number;
+}
+export interface ResponseTextProps extends SharedResponseProps, TextProps, SharedTextProps {
+    text: string;
 }
 export interface ResponseAttachmentProps extends SharedResponseProps {
     wrapperProps?: BoxProps;
@@ -22,10 +34,7 @@ export interface ResponseAttachmentProps extends SharedResponseProps {
     className?: string;
     text: string;
 }
-export interface ResponseListProps extends SharedResponseProps, BoxProps {
-    children: ReactNode[];
-    parentIndex?: number;
-    delay?: number;
+export interface ResponseListProps extends SharedResponseProps, Omit<BoxProps, 'children'>, SharedParentProps {
 }
 export interface ResponseProps extends BoxProps {
     containerProps?: BoxProps;
@@ -33,6 +42,7 @@ export interface ResponseProps extends BoxProps {
     textProps?: ResponseTextProps;
     iconWrapperProps?: IconWrapperProps;
     shouldStartAnimation?: boolean;
+    children: ReactNode;
     delay?: number;
 }
 export interface ResponseToolbarProps extends BoxProps, SharedResponseProps {
@@ -52,4 +62,27 @@ export interface ResponseToolbarIconProps extends IconButtonProps, SharedRespons
     parentIndex?: number;
     iconProps?: IconProps;
 }
+export interface MarkdownListWrapperProps extends ResponseListProps, SharedWrapperProps {
+}
+export interface MarkdownTextWrapperProps extends SharedWrapperProps, SharedTextProps, SharedResponseProps {
+    children: ReactNode[] | string[];
+    parentIndex?: number;
+}
+export interface MarkdownTextContainerProps extends SharedResponseProps, SharedParentProps {
+    className?: string;
+    as?: string | React.ReactNode | React.ElementType;
+    isListItem?: boolean;
+}
+export interface MarkdownWrapperProps extends BoxProps, SharedWrapperProps, SharedResponseProps {
+    parentIndex?: number;
+}
+export type MarkdownContainerProps = BoxProps;
+export interface ResponseListItemProps extends SharedParentProps, SharedResponseProps {
+    as?: string | React.ReactNode | React.ElementType;
+}
+export interface ResponseMarkdownContextValue {
+    delay?: number;
+    stateIndex: number;
+    setAnimationIndex?: (key: number) => void;
+}
 export {};

package/lib/components/AIComponents/Response/Response.js

@@ -10,22 +10,23 @@ var Response = function Response(props) {
     containerProps = props.containerProps,
     iconProps = props.iconProps,
     iconWrapperProps = props.iconWrapperProps,
-    _props$delay = props.delay,
-    delay = _props$delay === void 0 ? 10 : _props$delay;
+    delay = props.delay;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     index = _useState2[0],
     setIndex = _useState2[1];
+  var responseChildren = Children.toArray(children);
   return ___EmotionJSX(Box, _extends({
     isRow: true,
     gap: "md"
   }, containerProps), ___EmotionJSX(Box, _extends({}, iconWrapperProps, {
     variant: "response.iconWrapper"
   }), ___EmotionJSX(Icon, _extends({
-    icon: AutoAwesomeIcon
+    icon: AutoAwesomeIcon,
+    color: "text.primary"
   }, iconProps))), ___EmotionJSX(Box, {
     gap: "md"
-  }, _mapInstanceProperty(Children).call(Children, children, function (child, i) {
+  }, _mapInstanceProperty(Children).call(Children, responseChildren, function (child, i) {
     return ___EmotionJSX(React.Fragment, null, /*#__PURE__*/React.cloneElement(child, {
       shouldStartAnimation: index === i,
       setAnimationIndex: setIndex,

package/lib/components/AIComponents/Response/Response.stories.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React from 'react';
 import CopyIcon from '@pingux/mdi-react/ContentCopyIcon';
@@ -6,7 +5,7 @@ import TextIcon from '@pingux/mdi-react/TextIcon';
 import ThumbDownOutlineIcon from '@pingux/mdi-react/ThumbDownOutlineIcon';
 import ThumbUpOutlineIcon from '@pingux/mdi-react/ThumbUpOutlineIcon';
 import VolumeHighIcon from '@pingux/mdi-react/VolumeHighIcon';
-import { AstroWrapper, NextGenTheme } from '../../..';
+import Markdown from './ResponseMarkdown/ResponseMarkdown';
 import Response from './Response';
 import ResponseAttachment from './ResponseAttachment';
 import ResponseList from './ResponseList';
@@ -36,10 +35,8 @@ export var Default = function Default(args) {
     title: 'Rephrase Answer',
     icon: TextIcon
   }];
-  var delay = 20;
-  return ___EmotionJSX(AstroWrapper, _extends({}, args, {
-    themeOverrides: [NextGenTheme]
-  }), ___EmotionJSX(Response, {
+  var delay = 40;
+  return ___EmotionJSX(Response, {
     delay: delay
   }, ___EmotionJSX(ResponseText, {
     text: testText
@@ -50,12 +47,6 @@ export var Default = function Default(args) {
   }), ___EmotionJSX(ResponseText, {
     text: testText
   }), ___EmotionJSX(ResponseList, null, ___EmotionJSX(ResponseText, {
-    as: "h5",
-    sx: {
-      fontWeight: 2
-    },
-    text: "heading"
-  }), ___EmotionJSX(ResponseText, {
     as: "li",
     text: "list item 1"
   }), ___EmotionJSX(ResponseText, {
@@ -68,5 +59,24 @@ export var Default = function Default(args) {
     text: "follow up text"
   }), ___EmotionJSX(ResponseToolbar, null, _mapInstanceProperty(icons).call(icons, function (icon) {
     return ___EmotionJSX(ResponseToolbarIcon, icon);
-  }))));
+  })));
+};
+
+// eslint-disable-next-line no-useless-escape
+var nestedMarkdown = 'The recent login activity shows successful authentication attempts for the user \"bbludis476@gmail.com\" using the \"BXRetail App\". There were no failed authentication attempts recorded. Here are the details of the successful attempts:\n\n1. **Timestamp:** 2025-02-13T09:25:55.946Z\n   - **User:** bbludis476@gmail.com\n   - **Action:** User Access Allowed\n   - **Status:** SUCCESS\n\n2. **Timestamp:** 2025-02-13T09:25:52.377Z\n   - **User:** bbludis476@gmail.com\n   - **Action:** User Access Allowed\n   - **Status:** SUCCESS';
+var italics = '*Italics* bbludis476@gmail.com';
+export var MarkdownStory = function MarkdownStory() {
+  return ___EmotionJSX(Response, {
+    delay: 20
+  }, ___EmotionJSX(ResponseText, {
+    text: "Beginning response text"
+  }), ___EmotionJSX(Markdown, {
+    str: nestedMarkdown
+  }), ___EmotionJSX(ResponseText, {
+    text: "Follow up response text "
+  }), ___EmotionJSX(Markdown, {
+    str: italics
+  }), ___EmotionJSX(ResponseText, {
+    text: "Final response text "
+  }));
 };

package/lib/components/AIComponents/Response/ResponseList.js

@@ -1,9 +1,7 @@
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-var _excluded = ["children", "parentIndex", "setAnimationIndex", "shouldStartAnimation", "delay"];
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import React, { Children, useEffect, useState } from 'react';
+import { useStatusClasses } from '../../../hooks';
 import { Box } from '../../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var ResponseList = function ResponseList(props) {
@@ -16,9 +14,9 @@ var ResponseList = function ResponseList(props) {
     setAnimationIndex = props.setAnimationIndex,
     shouldStartAnimation = props.shouldStartAnimation,
     delay = props.delay,
-    others = _objectWithoutProperties(props, _excluded);
+    asProp = props.as;
   useEffect(function () {
-    if (children && setAnimationIndex && index === children.length && parentIndex) {
+    if (children && setAnimationIndex && index === children.length && parentIndex !== undefined) {
       setAnimationIndex(parentIndex + 1);
     }
   }, [index]);
@@ -27,26 +25,30 @@ var ResponseList = function ResponseList(props) {
       setIndex(0);
     }
   }, [shouldStartAnimation]);
-  return ___EmotionJSX(Box, others, ___EmotionJSX(React.Fragment, null, /*#__PURE__*/React.cloneElement(children[0], {
-    shouldStartAnimation: index === 0,
-    setAnimationIndex: setIndex,
-    animationIndex: 0,
-    delay: delay
-  })), ___EmotionJSX(Box, {
-    as: "ul",
+  var isNumeric = asProp === 'ol';
+  var _useStatusClasses = useStatusClasses('', {
+      isNumeric: isNumeric
+    }),
+    classNames = _useStatusClasses.classNames;
+  return ___EmotionJSX(Box, {
+    as: asProp,
+    variant: "response.list",
+    className: classNames,
     sx: {
       pl: 'md',
       listStyleType: 'disc',
       listStylePosition: 'inside'
     }
-  }, _mapInstanceProperty(Children).call(Children, _sliceInstanceProperty(children).call(children, 1, children.length), function (child, i) {
+  }, _mapInstanceProperty(Children).call(Children, children, function (child, i) {
     return /*#__PURE__*/React.cloneElement(child, {
-      shouldStartAnimation: index === i + 1,
+      shouldStartAnimation: index === i,
       setAnimationIndex: setIndex,
-      animationIndex: i + 1,
+      animationIndex: i,
       delay: delay,
-      isListItem: true
+      isListItem: /*#__PURE__*/React.isValidElement(child) && child.props.as && child.props.as !== 'p',
+      parentIndex: index,
+      as: 'li'
     });
-  })));
+  }));
 };
 export default ResponseList;

package/lib/components/AIComponents/Response/ResponseMarkdown/MarkdownContainer.js

@@ -0,0 +1,50 @@
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import React, { Children, useContext } from 'react';
+import Box from '../../../Box';
+import MarkdownTextWrapper from './MarkdownTextWrapper';
+import { ResponseMarkdownContext } from './ResponseMarkdown';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var blockElements = ['div', 'ul', 'ol'];
+var checkContainsBlocks = function checkContainsBlocks(containerChildren) {
+  for (var i = 0; i < containerChildren.length; i += 1) {
+    var _containerChildren$i;
+    if (_includesInstanceProperty(blockElements).call(blockElements, (_containerChildren$i = containerChildren[i]) === null || _containerChildren$i === void 0 || (_containerChildren$i = _containerChildren$i.props) === null || _containerChildren$i === void 0 ? void 0 : _containerChildren$i.as)) {
+      return true;
+    }
+  }
+  return false;
+};
+var MarkdownContainer = function MarkdownContainer(props) {
+  var children = props.children,
+    others = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ResponseMarkdownContext),
+    setAnimationIndex = _useContext.setAnimationIndex,
+    stateIndex = _useContext.stateIndex,
+    delay = _useContext.delay;
+  var containerChildren = Children.toArray(children);
+  var containsBlocks = checkContainsBlocks(containerChildren);
+  if (containsBlocks) {
+    return ___EmotionJSX(Box, others, _mapInstanceProperty(Children).call(Children, containerChildren, function (child, i) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        animationIndex: i,
+        isTopLevel: true,
+        isListItem: false,
+        parentIndex: stateIndex,
+        stateIndex: stateIndex
+      });
+    }));
+  }
+  return ___EmotionJSX(Box, others, ___EmotionJSX(MarkdownTextWrapper, {
+    animationIndex: 0,
+    isTopLevel: true,
+    delay: delay,
+    setAnimationIndex: setAnimationIndex,
+    parentIndex: stateIndex,
+    stateIndex: stateIndex,
+    isListItem: false
+  }, containerChildren));
+};
+export default MarkdownContainer;

package/lib/components/AIComponents/Response/ResponseMarkdown/MarkdownListWrapper.js

@@ -0,0 +1,29 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React from 'react';
+import useTypeAnimationWrapper from '../../../../hooks/useTypeAnimationWrapper/useTypeAnimationWrapper';
+import ResponseList from '../ResponseList';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var MarkdownListWrapper = function MarkdownListWrapper(props) {
+  var isTopLevel = props.isTopLevel,
+    stateIndex = props.stateIndex,
+    parentIndex = props.parentIndex,
+    children = props.children;
+  var _useTypeAnimationWrap = useTypeAnimationWrapper(_objectSpread({}, props)),
+    shouldStart = _useTypeAnimationWrap.shouldStart;
+  return ___EmotionJSX(ResponseList, _extends({}, props, {
+    parentIndex: isTopLevel ? stateIndex : parentIndex,
+    shouldStartAnimation: shouldStart
+  }), children);
+};
+export default MarkdownListWrapper;

package/lib/components/AIComponents/Response/ResponseMarkdown/MarkdownTextContainer.js

@@ -0,0 +1,79 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import React, { Children, useEffect, useState } from 'react';
+import { useStatusClasses } from '../../../../hooks';
+import Box from '../../../Box';
+import ResponseText from '../ResponseText';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var checkForJSXChild = function checkForJSXChild(children) {
+  for (var i = 0; i < children.length; i += 1) {
+    if (typeof children[i] !== 'string') {
+      return true;
+    }
+  }
+  return false;
+};
+var MarkdownTextContainer = function MarkdownTextContainer(props) {
+  var _useState = useState(-1),
+    _useState2 = _slicedToArray(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
+  var children = props.children,
+    parentIndex = props.parentIndex,
+    setAnimationIndex = props.setAnimationIndex,
+    shouldStartAnimation = props.shouldStartAnimation,
+    delay = props.delay,
+    className = props.className,
+    isListItem = props.isListItem,
+    as = props.as;
+  useEffect(function () {
+    if (children && setAnimationIndex && index === children.length && parentIndex !== undefined) {
+      setAnimationIndex(parentIndex + 1);
+    }
+  }, [index]);
+  useEffect(function () {
+    if (shouldStartAnimation) {
+      setIndex(0);
+    }
+  }, [shouldStartAnimation]);
+  var hasBullet = index >= 0 && isListItem === true;
+
+  // this is to force the bullets to render correctly in safari.
+  var hasRendered = index !== 1 && isListItem === true;
+  var hasBlock = index === -1;
+  var _useStatusClasses = useStatusClasses(className, {
+      hasBullet: hasBullet,
+      hasRendered: hasRendered,
+      hasBlock: hasBlock
+    }),
+    classNames = _useStatusClasses.classNames;
+  var markdownTextChildren = Children.toArray(children);
+  var hasNonStringChild = checkForJSXChild(markdownTextChildren);
+  return ___EmotionJSX(Box, {
+    className: classNames,
+    variant: "response.textWrapper",
+    as: hasNonStringChild ? 'div' : as
+  }, ___EmotionJSX(Box, {
+    isRow: true
+  }, _mapInstanceProperty(Children).call(Children, _sliceInstanceProperty(markdownTextChildren).call(markdownTextChildren, 0, index + 1), function (child, i) {
+    if (typeof child === 'string') {
+      return ___EmotionJSX(ResponseText, {
+        text: child,
+        shouldStartAnimation: index === i,
+        setAnimationIndex: setIndex,
+        animationIndex: i,
+        delay: delay,
+        parentIndex: index
+      });
+    }
+    return /*#__PURE__*/React.cloneElement(child, {
+      shouldStartAnimation: index === i,
+      setAnimationIndex: setIndex,
+      animationIndex: i,
+      delay: delay,
+      parentIndex: index
+    });
+  })));
+};
+export default MarkdownTextContainer;