@aws-amplify/ui-react 6.5.0 → 6.5.2

package/dist/{Field-4b189104.js → Field-CIQvkMkM.js}

@@ -5,7 +5,6 @@ var core = require('@aws-amplify/core');
 var auth = require('aws-amplify/auth');
 var uiReactCore = require('@aws-amplify/ui-react-core');
 var ui = require('@aws-amplify/ui');
-var primitiveWithForwardRef = require('./primitiveWithForwardRef-7e929242.js');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -281,6 +280,7 @@ const getCSSVariableIfValueIsThemeKey = (propKey, value, tokens) => {
 };
 
 // Inspiration for getMediaQueries and useBreakpoint
+// comes from https://github.com/iiroj/use-breakpoint/
 const getMediaQueries = ({ breakpoints }) => {
     const sortedBreakpoints = objectKeys(breakpoints).sort((a, b) => breakpoints[b] - breakpoints[a]);
     return sortedBreakpoints.map((breakpoint, index) => {
@@ -307,6 +307,7 @@ const getMediaQueries = ({ breakpoints }) => {
 };
 
 // Inspiration for getMediaQueries and useBreakpoint
+// comes from https://github.com/iiroj/use-breakpoint/
 const useIsomorphicEffect = typeof window === 'undefined' ? React__namespace.useEffect : React__namespace.useLayoutEffect;
 const useBreakpoint = ({ breakpoints, defaultBreakpoint, }) => {
     const supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
@@ -636,6 +637,17 @@ const useStyles = (props, style) => {
     }), [propStyles, style, breakpoints, breakpoint, tokens]);
 };
 
+/**
+ * Updates the return type for primitives wrapped in `React.forwardRef` to
+ * `React.ReactElement`. In React 18 the return type of `React.ExoticComponent`
+ * was changed from `React.ReactElement` to `React.ReactNode`, which breaks
+ * clients using React 16 and 17.
+ *
+ * @param primitive UI Primitive to be wrapped with `React.forwardRef`
+ * @returns ForwaredRef wrapped UI Primitive
+ */
+const primitiveWithForwardRef = (primitive) => React__namespace.forwardRef(primitive);
+
 const ViewPrimitive = ({ as = 'div', children, testId, ariaLabel, isDisabled, style, inert, ...rest }, ref) => {
     const { propStyles, nonStyleProps } = useStyles(rest, style);
     return React__namespace.createElement(as, {
@@ -651,7 +663,7 @@ const ViewPrimitive = ({ as = 'div', children, testId, ariaLabel, isDisabled, st
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/view)
  */
-const View = primitiveWithForwardRef.primitiveWithForwardRef(ViewPrimitive);
+const View = primitiveWithForwardRef(ViewPrimitive);
 View.displayName = 'View';
 
 const defaultViewBox = { minX: 0, minY: 0, width: 24, height: 24 };
@@ -681,7 +693,7 @@ as = 'svg', fill = 'currentColor', pathData, viewBox = defaultViewBox, children,
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/icon)
  */
-const Icon = primitiveWithForwardRef.primitiveWithForwardRef(IconPrimitive);
+const Icon = primitiveWithForwardRef(IconPrimitive);
 Icon.displayName = 'Icon';
 
 const IconsContext = React__namespace.createContext({});
@@ -898,103 +910,10 @@ const AlertIcon = ({ variation, ariaHidden, ariaLabel, role, }) => {
 };
 AlertIcon.displayName = 'AlertIcon';
 
-function filterAllowedFiles(files, acceptedFileTypes) {
-    // Allow any files if acceptedFileTypes is undefined, empty array, or contains '*'
-    if (!acceptedFileTypes ||
-        acceptedFileTypes.length === 0 ||
-        acceptedFileTypes.includes('*')) {
-        return { acceptedFiles: files, rejectedFiles: [] };
-    }
-    const acceptedFiles = [];
-    const rejectedFiles = [];
-    function filterFile(file) {
-        const { type = '', name = '' } = file;
-        const mimeType = type.toLowerCase();
-        const baseMimeType = mimeType.split('/')[0];
-        return acceptedFileTypes.some((type) => {
-            const validType = type.trim().toLowerCase();
-            // if the accepted file type is a file extension
-            // it will start with '.', check against the file name
-            if (validType.charAt(0) === '.') {
-                return name.toLowerCase().endsWith(validType);
-            }
-            // This is something like a image/* mime type
-            if (validType.endsWith('/*')) {
-                return baseMimeType === validType.split('/')[0];
-            }
-            return mimeType === validType;
-        });
-    }
-    files.forEach((file) => {
-        (filterFile(file) ? acceptedFiles : rejectedFiles).push(file);
-    });
-    return { acceptedFiles, rejectedFiles };
-}
-
-function useDropZone({ onDropComplete, onDragEnter: _onDragEnter, onDragLeave: _onDragLeave, onDragOver: _onDragOver, onDragStart: _onDragStart, onDrop: _onDrop, acceptedFileTypes = [], }) {
-    const [dragState, setDragState] = React.useState('inactive');
-    const onDragStart = (event) => {
-        event.dataTransfer.clearData();
-        if (ui.isFunction(_onDragStart)) {
-            _onDragStart(event);
-        }
-    };
-    const onDragEnter = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        if (ui.isFunction(_onDragEnter)) {
-            _onDragEnter(event);
-        }
-    };
-    const onDragLeave = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        setDragState('inactive');
-        if (ui.isFunction(_onDragLeave)) {
-            _onDragLeave(event);
-        }
-    };
-    const onDragOver = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        event.dataTransfer.dropEffect = 'copy';
-        if (ui.isFunction(_onDragOver)) {
-            _onDragOver(event);
-        }
-        const files = Array.from(event.dataTransfer.items).map(({ kind, type }) => ({
-            kind,
-            type,
-        }));
-        const { rejectedFiles } = filterAllowedFiles(files, acceptedFileTypes);
-        setDragState(rejectedFiles.length > 0 ? 'reject' : 'accept');
-    };
-    const onDrop = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        setDragState('inactive');
-        const files = Array.from(event.dataTransfer.files);
-        const { acceptedFiles, rejectedFiles } = filterAllowedFiles(files, acceptedFileTypes);
-        if (ui.isFunction(_onDrop)) {
-            _onDrop(event);
-        }
-        if (ui.isFunction(onDropComplete)) {
-            onDropComplete({ acceptedFiles, rejectedFiles });
-        }
-    };
-    return {
-        onDragStart,
-        onDragEnter,
-        onDragLeave,
-        onDragOver,
-        onDrop,
-        dragState,
-    };
-}
-
 const FieldGroupIconPrimitive = ({ className, children, isVisible = true, excludeFromTabOrder = false, ...rest }, ref) => {
     return isVisible ? (React__namespace.createElement(View, { className: ui.classNames(ui.ComponentClassName.FieldGroupIcon, className), ref: ref, tabIndex: excludeFromTabOrder ? -1 : undefined, ...rest }, children)) : null;
 };
-const FieldGroupIcon = primitiveWithForwardRef.primitiveWithForwardRef(FieldGroupIconPrimitive);
+const FieldGroupIcon = primitiveWithForwardRef(FieldGroupIconPrimitive);
 FieldGroupIcon.displayName = 'FieldGroupIcon';
 
 const FieldsetContext = React__namespace.createContext({
@@ -1011,7 +930,7 @@ const FlexPrimitive = ({ className, children, ...rest }, ref) => (React__namespa
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/flex)
  */
-const Flex = primitiveWithForwardRef.primitiveWithForwardRef(FlexPrimitive);
+const Flex = primitiveWithForwardRef(FlexPrimitive);
 Flex.displayName = 'Flex';
 
 const LINEAR_EMPTY = 'linear-empty';
@@ -1061,7 +980,7 @@ const LoaderPrimitive = ({ className, filledColor, emptyColor, size, variation,
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/loader)
  */
-const Loader = primitiveWithForwardRef.primitiveWithForwardRef(LoaderPrimitive);
+const Loader = primitiveWithForwardRef(LoaderPrimitive);
 Loader.displayName = 'Loader';
 
 // These variations support colorThemes. 'undefined' accounts for our
@@ -1085,11 +1004,11 @@ const ButtonPrimitive = ({ className, children, colorTheme, isFullWidth = false,
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/button)
  */
-const Button = primitiveWithForwardRef.primitiveWithForwardRef(ButtonPrimitive);
+const Button = primitiveWithForwardRef(ButtonPrimitive);
 Button.displayName = 'Button';
 
 const FieldGroupIconButtonPrimitive = ({ children, className, ...rest }, ref) => (React__namespace.createElement(FieldGroupIcon, { as: Button, className: ui.classNames(ui.ComponentClassName.FieldGroupIconButton, className), ref: ref, ...rest }, children));
-const FieldGroupIconButton = primitiveWithForwardRef.primitiveWithForwardRef(FieldGroupIconButtonPrimitive);
+const FieldGroupIconButton = primitiveWithForwardRef(FieldGroupIconButtonPrimitive);
 FieldGroupIconButton.displayName = 'FieldGroupIconButton';
 
 const ariaLabelText = ComponentText.Fields.clearButtonLabel;
@@ -1097,7 +1016,7 @@ const FieldClearButtonPrimitive = ({ ariaLabel = ariaLabelText, size, ...rest },
     const icons = useIcons('field');
     return (React__namespace.createElement(FieldGroupIconButton, { ariaLabel: ariaLabel, size: size, ref: ref, ...rest }, icons?.clear ?? React__namespace.createElement(IconClose, null)));
 };
-const FieldClearButton = primitiveWithForwardRef.primitiveWithForwardRef(FieldClearButtonPrimitive);
+const FieldClearButton = primitiveWithForwardRef(FieldClearButtonPrimitive);
 FieldClearButton.displayName = 'FieldClearButton';
 
 const TextPrimitive = ({ as = 'p', className, children, isTruncated, variation, ...rest }, ref) => {
@@ -1107,7 +1026,7 @@ const TextPrimitive = ({ as = 'p', className, children, isTruncated, variation,
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/text)
  */
-const Text = primitiveWithForwardRef.primitiveWithForwardRef(TextPrimitive);
+const Text = primitiveWithForwardRef(TextPrimitive);
 Text.displayName = 'Text';
 
 const QA_FIELD_DESCRIPTION = 'qa-field-description';
@@ -1126,7 +1045,7 @@ const LabelPrimitive = ({ children, className, visuallyHidden, ...rest }, ref) =
             [ui.ComponentClassName.VisuallyHidden]: visuallyHidden,
         }), ref: ref, ...rest }, children));
 };
-const Label = primitiveWithForwardRef.primitiveWithForwardRef(LabelPrimitive);
+const Label = primitiveWithForwardRef(LabelPrimitive);
 Label.displayName = 'Label';
 
 const FieldPrimitive = (props, ref) => {
@@ -1137,7 +1056,7 @@ const FieldPrimitive = (props, ref) => {
         children,
         errorMessage ? (React__namespace.createElement(FieldErrorMessage, { hasError: hasError, errorMessage: errorMessage })) : null));
 };
-const Field = primitiveWithForwardRef.primitiveWithForwardRef(FieldPrimitive);
+const Field = primitiveWithForwardRef(FieldPrimitive);
 Field.displayName = 'Field';
 
 exports.ARROW_DOWN = ARROW_DOWN;
@@ -1185,12 +1104,12 @@ exports.View = View;
 exports.getConsecutiveIntArray = getConsecutiveIntArray;
 exports.getStyleValue = getStyleValue;
 exports.getValueAtCurrentBreakpoint = getValueAtCurrentBreakpoint;
+exports.primitiveWithForwardRef = primitiveWithForwardRef;
 exports.strHasLength = strHasLength;
 exports.useAuth = useAuth;
 exports.useBreakpoint = useBreakpoint;
 exports.useColorMode = useColorMode;
 exports.useDeprecationWarning = useDeprecationWarning;
-exports.useDropZone = useDropZone;
 exports.useFieldset = useFieldset;
 exports.useIcons = useIcons;
 exports.useStyles = useStyles;

package/dist/{ThemeStyle-1fee4302.js → ThemeStyle-CgfvQJ7V.js}

@@ -1,7 +1,6 @@
 'use strict';
 
 var React = require('react');
-var primitiveWithForwardRef = require('./primitiveWithForwardRef-7e929242.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -23,7 +22,11 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const StylePrimitive = ({ cssText, ...rest }, ref) => {
+/**
+ * @experimental
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
+ */
+const Style = ({ cssText, ...rest }) => {
     /*
       Only inject theme CSS variables if given a theme.
       The CSS file users import already has the default theme variables in it.
@@ -72,28 +75,22 @@ const StylePrimitive = ({ cssText, ...rest }, ref) => {
     if (cssText === undefined || /<\/style/i.test(cssText)) {
         return null;
     }
-    return (React__namespace.createElement("style", { ...rest, ref: ref, 
+    return (React__namespace.createElement("style", { ...rest, 
         // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML: { __html: cssText } }));
 };
+Style.displayName = 'Style';
+
 /**
  * @experimental
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
  */
-const Style = primitiveWithForwardRef.primitiveWithForwardRef(StylePrimitive);
-Style.displayName = 'Style';
-
-const ThemeStylePrimitive = ({ theme, nonce, ...rest }, ref) => {
+const ThemeStyle = ({ theme, ...rest }) => {
     if (!theme)
         return null;
     const { name, cssText } = theme;
-    return (React__namespace.createElement(Style, { ...rest, ref: ref, cssText: cssText, nonce: nonce, id: `amplify-theme-${name}` }));
+    return React__namespace.createElement(Style, { ...rest, cssText: cssText, id: `amplify-theme-${name}` });
 };
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
-const ThemeStyle = primitiveWithForwardRef.primitiveWithForwardRef(ThemeStylePrimitive);
 ThemeStyle.displayName = 'ThemeStyle';
 
 exports.Style = Style;

package/dist/esm/components/ThemeProvider/ComponentStyle.mjs

@@ -1,9 +1,12 @@
 import * as React from 'react';
 import { createComponentCSS } from '@aws-amplify/ui';
-import { primitiveWithForwardRef } from '../../primitives/utils/primitiveWithForwardRef.mjs';
 import { Style } from './Style.mjs';
 
-const ComponentStylePrimitive = ({ theme, componentThemes = [], ...rest }, ref) => {
+/**
+ * @experimental
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
+ */
+const ComponentStyle = ({ theme, componentThemes = [], ...rest }) => {
     if (!theme || !componentThemes.length) {
         return null;
     }
@@ -11,13 +14,8 @@ const ComponentStylePrimitive = ({ theme, componentThemes = [], ...rest }, ref)
         theme,
         components: componentThemes,
     });
-    return React.createElement(Style, { ...rest, ref: ref, cssText: cssText });
+    return React.createElement(Style, { ...rest, cssText: cssText });
 };
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
-const ComponentStyle = primitiveWithForwardRef(ComponentStylePrimitive);
 ComponentStyle.displayName = 'ComponentStyle';
 
 export { ComponentStyle };

package/dist/esm/components/ThemeProvider/GlobalStyle.mjs

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { createGlobalCSS } from '@aws-amplify/ui';
+import { Style } from './Style.mjs';
+
+/**
+ * @experimental
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
+ */
+const GlobalStyle = ({ styles, ...rest }) => {
+    if (!styles) {
+        return null;
+    }
+    const cssText = createGlobalCSS(styles);
+    return React.createElement(Style, { ...rest, cssText: cssText });
+};
+GlobalStyle.displayName = 'GlobalStyle';
+
+export { GlobalStyle };

package/dist/esm/components/ThemeProvider/Style.mjs

@@ -1,7 +1,10 @@
 import * as React from 'react';
-import { primitiveWithForwardRef } from '../../primitives/utils/primitiveWithForwardRef.mjs';
 
-const StylePrimitive = ({ cssText, ...rest }, ref) => {
+/**
+ * @experimental
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
+ */
+const Style = ({ cssText, ...rest }) => {
     /*
       Only inject theme CSS variables if given a theme.
       The CSS file users import already has the default theme variables in it.
@@ -50,15 +53,10 @@ const StylePrimitive = ({ cssText, ...rest }, ref) => {
     if (cssText === undefined || /<\/style/i.test(cssText)) {
         return null;
     }
-    return (React.createElement("style", { ...rest, ref: ref, 
+    return (React.createElement("style", { ...rest, 
         // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML: { __html: cssText } }));
 };
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
-const Style = primitiveWithForwardRef(StylePrimitive);
 Style.displayName = 'Style';
 
 export { Style };

package/dist/esm/components/ThemeProvider/ThemeStyle.mjs

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { primitiveWithForwardRef } from '../../primitives/utils/primitiveWithForwardRef.mjs';
 import { Style } from './Style.mjs';
 
-const ThemeStylePrimitive = ({ theme, nonce, ...rest }, ref) => {
-    if (!theme)
-        return null;
-    const { name, cssText } = theme;
-    return (React.createElement(Style, { ...rest, ref: ref, cssText: cssText, nonce: nonce, id: `amplify-theme-${name}` }));
-};
 /**
  * @experimental
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
  */
-const ThemeStyle = primitiveWithForwardRef(ThemeStylePrimitive);
+const ThemeStyle = ({ theme, ...rest }) => {
+    if (!theme)
+        return null;
+    const { name, cssText } = theme;
+    return React.createElement(Style, { ...rest, cssText: cssText, id: `amplify-theme-${name}` });
+};
 ThemeStyle.displayName = 'ThemeStyle';
 
 export { ThemeStyle };

package/dist/esm/internal.mjs

@@ -3,6 +3,7 @@ export { useStorageURL } from './hooks/useStorageURL.mjs';
 export { useThemeBreakpoint } from './hooks/useThemeBreakpoint.mjs';
 export { useDeprecationWarning } from './hooks/useDeprecationWarning.mjs';
 export { useColorMode } from './hooks/useTheme.mjs';
+export { useDropZone } from '@aws-amplify/ui-react-core';
 export { FilterChildren } from './components/FilterChildren/FilterChildren.mjs';
 export { AlertIcon } from './primitives/Alert/AlertIcon.mjs';
 export { IconAdd } from './primitives/Icon/icons/IconAdd.mjs';
@@ -31,7 +32,6 @@ export { IconVisibilityOff } from './primitives/Icon/icons/IconVisibilityOff.mjs
 export { IconVisibility } from './primitives/Icon/icons/IconVisibility.mjs';
 export { IconWarning } from './primitives/Icon/icons/IconWarning.mjs';
 export { useIcons } from './primitives/Icon/context/useIcons.mjs';
-export { useDropZone } from './primitives/DropZone/useDropZone.mjs';
 import './primitives/Field/FieldClearButton.mjs';
 import './primitives/Field/FieldDescription.mjs';
 import './primitives/Field/FieldErrorMessage.mjs';

package/dist/esm/primitives/Accordion/AccordionTrigger.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { classNames, ComponentClassName, isTypedFunction } from '@aws-amplify/ui';
+import { classNames, ComponentClassName, isFunction } from '@aws-amplify/ui';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { View } from '../View/View.mjs';
 import { AccordionContext, AccordionItemContext } from './AccordionContext.mjs';
@@ -8,7 +8,7 @@ const AccordionTriggerPrimitive = ({ children, className, ...rest }, ref) => {
     const context = React.useContext(AccordionContext);
     const value = React.useContext(AccordionItemContext);
     const handleOnClick = (e) => {
-        if (isTypedFunction(rest.onClick)) {
+        if (isFunction(rest.onClick)) {
             rest.onClick(e);
         }
         if (context?.setValue && value) {

package/dist/esm/primitives/DropZone/DropZone.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useDropZone } from './useDropZone.mjs';
+import { useDropZone } from '@aws-amplify/ui-react-core';
 import { DropZoneProvider } from './DropZoneProvider.mjs';
 import { DropZoneContainer } from './DropZoneContainer.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';

package/dist/esm/primitives/Tabs/TabsItem.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { classNames, ComponentClassName, classNameModifierByFlag, isTypedFunction } from '@aws-amplify/ui';
+import { classNames, ComponentClassName, classNameModifierByFlag, isFunction } from '@aws-amplify/ui';
 import { View } from '../View/View.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { TabsContext } from './TabsContext.mjs';
@@ -13,7 +13,7 @@ const TabsItemPrimitive = ({ className, value, children, onClick, as = 'button',
     }
     const isActive = activeTab === value;
     const handleOnClick = (e) => {
-        if (isTypedFunction(onClick)) {
+        if (isFunction(onClick)) {
             onClick?.(e);
         }
         setActiveTab(value);

package/dist/esm/primitives/shared/responsive/getMediaQueries.mjs

@@ -1,6 +1,7 @@
 import { objectKeys } from '../utils.mjs';
 
 // Inspiration for getMediaQueries and useBreakpoint
+// comes from https://github.com/iiroj/use-breakpoint/
 const getMediaQueries = ({ breakpoints }) => {
     const sortedBreakpoints = objectKeys(breakpoints).sort((a, b) => breakpoints[b] - breakpoints[a]);
     return sortedBreakpoints.map((breakpoint, index) => {

package/dist/esm/primitives/shared/responsive/useBreakpoint.mjs

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { getMediaQueries } from './getMediaQueries.mjs';
 
 // Inspiration for getMediaQueries and useBreakpoint
+// comes from https://github.com/iiroj/use-breakpoint/
 const useIsomorphicEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
 const useBreakpoint = ({ breakpoints, defaultBreakpoint, }) => {
     const supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';

package/dist/esm/server.mjs

@@ -1,3 +1,4 @@
 export { ThemeStyle } from './components/ThemeProvider/ThemeStyle.mjs';
 export { ComponentStyle } from './components/ThemeProvider/ComponentStyle.mjs';
+export { GlobalStyle } from './components/ThemeProvider/GlobalStyle.mjs';
 export { createComponentClasses, createTheme, defaultDarkModeOverride, defaultTheme, defineComponentTheme } from '@aws-amplify/ui';

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '6.5.0';
+const VERSION = '6.5.2';
 
 export { VERSION };