@atlaskit/media-avatar-picker 28.1.9 → 28.2.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/media-avatar-picker
 
+## 28.2.0
+
+### Minor Changes
+
+- [`d82e6f76528ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d82e6f76528ab) -
+  Add direct subpath package exports as part of the linking-platform, search, media, and
+  design-system barrel-removal (de-barrel) migration.
+
+  These packages now expose their individual modules via explicit `package.json` `exports` subpaths
+  so that consumers can import directly from the leaf module (e.g. `@atlaskit/pkg/thing`) instead of
+  the package barrel/index. This adds new public entry points without changing or removing any
+  existing exports, so it is a backwards-compatible additive change.
+
+  No runtime behaviour changes; this is an API-surface (entry-point) addition to support
+  tree-shaking and to unblock removal of the barrel index files.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 28.1.10
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.1.9
 
 ### Patch Changes

package/dist/cjs/avatar-list/index.js

@@ -15,7 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -47,7 +47,7 @@ var AvatarList = exports.AvatarList = function AvatarList(_ref) {
   };
   var cards = avatars.map(function (avatar, idx) {
     var elementKey = "predefined-avatar-".concat(idx);
-    var fallbackAvatarLabel = (0, _platformFeatureFlags.fg)('platform_media_a11y_avatar_radio_label') ? intl.formatMessage(_mediaUi.messages.select_an_avatar_option, {
+    var fallbackAvatarLabel = (0, _fg.fg)('platform_media_a11y_avatar_radio_label') ? intl.formatMessage(_mediaUi.messages.select_an_avatar_option, {
       number: idx + 1
     }) : undefined;
     return /*#__PURE__*/React.createElement("label", {

package/dist/cjs/avatar-picker-dialog/SubmitErrorDialog.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
-var _flag = _interopRequireDefault(require("@atlaskit/flag"));
+var _flag = _interopRequireDefault(require("@atlaskit/flag/flag"));
 var _mediaUi = require("@atlaskit/media-ui");
 var _reactIntl = require("react-intl");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }

package/dist/cjs/avatar-picker-dialog/index.js

@@ -19,13 +19,18 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-dialog"));
+var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-body"));
+var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-footer"));
+var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
+var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _reactIntl = require("react-intl");
-var _form = require("@atlaskit/form");
+var _field = _interopRequireDefault(require("@atlaskit/form/field"));
+var _helperMessage = require("@atlaskit/form/helper-message");
 var _mediaUi = require("@atlaskit/media-ui");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
 var _imageNavigator = _interopRequireDefault(require("../image-navigator"));
 var _predefinedAvatarList = require("../predefined-avatar-list");
 var _predefinedAvatarView = require("../predefined-avatar-view");
@@ -233,7 +238,7 @@ var AvatarPickerDialog = exports.AvatarPickerDialog = /*#__PURE__*/function (_Pu
         primaryButtonText = _this$props2.primaryButtonText,
         onCancel = _this$props2.onCancel,
         isLoading = _this$props2.isLoading;
-      return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, {
+      return /*#__PURE__*/_react.default.createElement(_modalFooter.default, {
         testId: "avatar-picker-dialog-footer"
       }, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
         appearance: "default",
@@ -257,14 +262,14 @@ var AvatarPickerDialog = exports.AvatarPickerDialog = /*#__PURE__*/function (_Pu
         onClose: this.props.onCancel
       }, this.props.avatars.length > 0 && /*#__PURE__*/_react.default.createElement(_SRLiveTitle.SRLiveTitle, {
         mode: this.state.mode
-      }), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, {
+      }), /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
         testId: "modal-header",
         hasCloseButton: true
-      }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, this.props.title || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.upload_an_avatar))), this.state.isSubmitted && /*#__PURE__*/_react.default.createElement(_SubmitErrorDialog.SubmitErrorDialog, null), /*#__PURE__*/_react.default.createElement("form", {
+      }, /*#__PURE__*/_react.default.createElement(_modalTitle.default, null, this.props.title || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.upload_an_avatar))), this.state.isSubmitted && /*#__PURE__*/_react.default.createElement(_SubmitErrorDialog.SubmitErrorDialog, null), /*#__PURE__*/_react.default.createElement("form", {
         "aria-label": "form",
         onSubmit: this.onSave,
         className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf"])
-      }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement(_modalBody.default, null, /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _runtime.ax)(["_1e0c1txw _1bah1h6o _4cvr1y6m _y3gn1h6o _1tkeqbeb"])
       }, this.renderBody())), this.footerContent()));
       return this.props.intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
@@ -360,18 +365,18 @@ var AvatarPickerDialog = exports.AvatarPickerDialog = /*#__PURE__*/function (_Pu
       var altText = this.state.altText;
       return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
         xcss: altTextFieldStyles.root
-      }, /*#__PURE__*/_react.default.createElement(_form.Field, {
+      }, /*#__PURE__*/_react.default.createElement(_field.default, {
         name: "altText",
         isRequired: true,
         label: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.alt_text)
       }, function (_ref2) {
         var fieldProps = _ref2.fieldProps;
-        return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_textfield.default, (0, _extends2.default)({}, fieldProps, {
+        return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_textField.default, (0, _extends2.default)({}, fieldProps, {
           onChange: function onChange(event) {
             return _this2.updateAltText(event.currentTarget.value);
           },
           value: altText || ''
-        })), /*#__PURE__*/_react.default.createElement(_form.HelperMessage, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.alt_text_description)));
+        })), /*#__PURE__*/_react.default.createElement(_helperMessage.HelperMessage, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.alt_text_description)));
       }));
     }
   }, {

package/dist/cjs/image-cropper/index.js

@@ -21,7 +21,7 @@ var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
 var _isImageRemote = require("./isImageRemote");
-var _new = require("@atlaskit/button/new");
+var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _css = require("@atlaskit/css");
 var _avatarPickerDialog = require("../avatar-picker-dialog");
@@ -224,7 +224,7 @@ var ImageCropper = exports.ImageCropper = /*#__PURE__*/function (_Component) {
       }, this.state.liveMsg), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
         id: "remove-image-container",
         xcss: removeImageContainerStyles.root
-      }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
+      }, /*#__PURE__*/_react.default.createElement(_button.default, {
         id: "remove-image-button",
         icon: function icon(iconProps) {
           return /*#__PURE__*/_react.default.createElement(_cross.default, (0, _extends2.default)({}, iconProps, {

package/dist/cjs/image-navigator/index.js

@@ -22,7 +22,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _imageCropper = _interopRequireDefault(require("../image-cropper"));
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _mediaUi = require("@atlaskit/media-ui");
 var exenv = _interopRequireWildcard(require("exenv"));
 var _images = require("./images");

package/dist/cjs/image-navigator/slider.js

@@ -17,7 +17,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _range = _interopRequireDefault(require("@atlaskit/range"));
+var _range = _interopRequireDefault(require("@atlaskit/range/range"));
 var _mediaUi = require("@atlaskit/media-ui");
 var _image = _interopRequireDefault(require("@atlaskit/icon/core/image"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));

package/dist/es2019/avatar-list/index.js

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 import { useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 const smallAvatarImageStyles = null;
 const avatarListWrapperStyles = null;
 const labelStyles = null;

package/dist/es2019/avatar-picker-dialog/SubmitErrorDialog.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useRef, useEffect } from 'react';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
-import Flag from '@atlaskit/flag';
+import Flag from '@atlaskit/flag/flag';
 import { messages } from '@atlaskit/media-ui';
 import { useIntl } from 'react-intl';
 const avatarPickerErrorStyles = null;

package/dist/es2019/avatar-picker-dialog/index.js

@@ -5,13 +5,18 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment, createRef } from 'react';
 import { PureComponent } from 'react';
-import ModalDialog, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
+import ModalDialog from '@atlaskit/modal-dialog/modal-dialog';
+import ModalBody from '@atlaskit/modal-dialog/modal-body';
+import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
+import ModalHeader from '@atlaskit/modal-dialog/modal-header';
+import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import Button from '@atlaskit/button/standard-button';
 import { FormattedMessage, IntlProvider, injectIntl } from 'react-intl';
-import { Field, HelperMessage } from '@atlaskit/form';
+import Field from '@atlaskit/form/field';
+import { HelperMessage } from '@atlaskit/form/helper-message';
 import { fileToDataURI, dataURItoFile, messages } from '@atlaskit/media-ui';
 import { Box } from '@atlaskit/primitives/compiled';
-import Textfield from '@atlaskit/textfield';
+import Textfield from '@atlaskit/textfield/text-field';
 import ImageNavigator from '../image-navigator';
 import { PredefinedAvatarList } from '../predefined-avatar-list';
 import { PredefinedAvatarView } from '../predefined-avatar-view';

package/dist/es2019/image-cropper/index.js

@@ -9,7 +9,7 @@ import CrossIcon from '@atlaskit/icon/core/cross';
 import { injectIntl } from 'react-intl';
 import { messages, MediaImage } from '@atlaskit/media-ui';
 import { isImageRemote } from './isImageRemote';
-import { IconButton } from '@atlaskit/button/new';
+import IconButton from '@atlaskit/button/icon/button';
 import { Box } from '@atlaskit/primitives/compiled';
 import { cx } from '@atlaskit/css';
 import { ERROR } from '../avatar-picker-dialog';

package/dist/es2019/image-navigator/index.js

@@ -7,7 +7,7 @@ import { Component } from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import Button from '@atlaskit/button/standard-button';
 import ImageCropper from '../image-cropper';
-import Spinner from '@atlaskit/spinner';
+import Spinner from '@atlaskit/spinner/spinner';
 import { fileToDataURI, dataURItoFile, getOrientation, isRotated, Ellipsify, Vector2, messages } from '@atlaskit/media-ui';
 import * as exenv from 'exenv';
 import { uploadPlaceholder, errorIcon } from './images';

package/dist/es2019/image-navigator/slider.js

@@ -4,7 +4,7 @@ import "./slider.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Component } from 'react';
-import FieldRange from '@atlaskit/range';
+import FieldRange from '@atlaskit/range/range';
 import { messages } from '@atlaskit/media-ui';
 import ScaleLargeIcon from '@atlaskit/icon/core/image';
 import ScaleSmallIcon from '@atlaskit/icon/core/image';

package/dist/esm/avatar-list/index.js

@@ -9,7 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 import { useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 var smallAvatarImageStyles = null;
 var avatarListWrapperStyles = null;
 var labelStyles = null;

package/dist/esm/avatar-picker-dialog/SubmitErrorDialog.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useRef, useEffect } from 'react';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
-import Flag from '@atlaskit/flag';
+import Flag from '@atlaskit/flag/flag';
 import { messages } from '@atlaskit/media-ui';
 import { useIntl } from 'react-intl';
 var avatarPickerErrorStyles = null;

package/dist/esm/avatar-picker-dialog/index.js

@@ -14,13 +14,18 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Fragment, createRef } from 'react';
 import { PureComponent } from 'react';
-import ModalDialog, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
+import ModalDialog from '@atlaskit/modal-dialog/modal-dialog';
+import ModalBody from '@atlaskit/modal-dialog/modal-body';
+import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
+import ModalHeader from '@atlaskit/modal-dialog/modal-header';
+import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import Button from '@atlaskit/button/standard-button';
 import { FormattedMessage, IntlProvider, injectIntl } from 'react-intl';
-import { Field, HelperMessage } from '@atlaskit/form';
+import Field from '@atlaskit/form/field';
+import { HelperMessage } from '@atlaskit/form/helper-message';
 import { fileToDataURI, dataURItoFile, messages } from '@atlaskit/media-ui';
 import { Box } from '@atlaskit/primitives/compiled';
-import Textfield from '@atlaskit/textfield';
+import Textfield from '@atlaskit/textfield/text-field';
 import ImageNavigator from '../image-navigator';
 import { PredefinedAvatarList } from '../predefined-avatar-list';
 import { PredefinedAvatarView } from '../predefined-avatar-view';

package/dist/esm/image-cropper/index.js

@@ -18,7 +18,7 @@ import CrossIcon from '@atlaskit/icon/core/cross';
 import { injectIntl } from 'react-intl';
 import { messages, MediaImage } from '@atlaskit/media-ui';
 import { isImageRemote } from './isImageRemote';
-import { IconButton } from '@atlaskit/button/new';
+import IconButton from '@atlaskit/button/icon/button';
 import { Box } from '@atlaskit/primitives/compiled';
 import { cx } from '@atlaskit/css';
 import { ERROR } from '../avatar-picker-dialog';

package/dist/esm/image-navigator/index.js

@@ -17,7 +17,7 @@ import { Component } from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import Button from '@atlaskit/button/standard-button';
 import ImageCropper from '../image-cropper';
-import Spinner from '@atlaskit/spinner';
+import Spinner from '@atlaskit/spinner/spinner';
 import { fileToDataURI, dataURItoFile, getOrientation, isRotated, Ellipsify, Vector2, messages } from '@atlaskit/media-ui';
 import * as exenv from 'exenv';
 import { uploadPlaceholder, errorIcon } from './images';

package/dist/esm/image-navigator/slider.js

@@ -11,7 +11,7 @@ import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { Component } from 'react';
-import FieldRange from '@atlaskit/range';
+import FieldRange from '@atlaskit/range/range';
 import { messages } from '@atlaskit/media-ui';
 import ScaleLargeIcon from '@atlaskit/icon/core/image';
 import ScaleSmallIcon from '@atlaskit/icon/core/image';

package/example-helpers/StatefulAvatarPickerDialog.tsx

@@ -6,7 +6,7 @@
 import React, { type ReactNode } from 'react';
 import { jsx, css } from '@compiled/react';
 import Button from '@atlaskit/button/standard-button';
-import { ModalTransition } from '@atlaskit/modal-dialog';
+import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
 import { type Avatar, AvatarPickerDialog } from '../src';
 import { generateAvatars } from '../example-helpers';
 import {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-avatar-picker",
-	"version": "28.1.9",
+	"version": "28.2.0",
 	"description": "A component to select, drag and resize image avatars. It also provides a default list of predefined avatars.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,23 +30,23 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/button": "^25.0.0",
+		"@atlaskit/button": "^25.2.0",
 		"@atlaskit/css": "^1.0.0",
-		"@atlaskit/flag": "^18.2.0",
-		"@atlaskit/form": "^16.1.0",
-		"@atlaskit/icon": "^37.3.0",
-		"@atlaskit/media-ui": "^30.11.0",
-		"@atlaskit/modal-dialog": "^16.3.0",
+		"@atlaskit/flag": "^18.4.0",
+		"@atlaskit/form": "^17.1.0",
+		"@atlaskit/icon": "^37.5.0",
+		"@atlaskit/media-ui": "^30.12.0",
+		"@atlaskit/modal-dialog": "^16.5.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
-		"@atlaskit/primitives": "^22.2.0",
-		"@atlaskit/range": "^12.0.0",
+		"@atlaskit/primitives": "^22.4.0",
+		"@atlaskit/range": "^12.1.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/spinner": "^20.1.0",
-		"@atlaskit/textfield": "^10.0.0",
-		"@atlaskit/tokens": "^16.4.0",
-		"@atlaskit/visually-hidden": "^4.2.0",
+		"@atlaskit/spinner": "^20.3.0",
+		"@atlaskit/textfield": "^10.1.0",
+		"@atlaskit/tokens": "^16.8.0",
+		"@atlaskit/visually-hidden": "^4.3.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^1.0.0",
+		"@compiled/react": "^1.0.2",
 		"exenv": "^1.2.2",
 		"react-error-boundary": "^3.1.3"
 	},
@@ -57,8 +57,9 @@
 	},
 	"devDependencies": {
 		"@atlaskit/media-core": "^38.0.0",
-		"@atlaskit/media-test-helpers": "^42.2.0",
-		"@atlassian/a11y-jest-testing": "^0.14.0",
+		"@atlaskit/media-test-helpers": "^42.3.0",
+		"@atlaskit/page": "^15.2.0",
+		"@atlassian/a11y-jest-testing": "^0.16.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
 		"@atlassian/testing-library": "^0.11.0",
 		"@testing-library/react": "^16.3.0",

package/media-avatar-picker.docs.tsx

@@ -1,71 +0,0 @@
-/**
- * Structured MCP docs for `@atlaskit/media-avatar-picker`.
- */
-
-import path from 'path';
-
-import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
-
-import packageJson from './package.json';
-
-const packagePath = path.resolve(__dirname);
-
-const documentation: StructuredContentSource = {
-	package: {
-		package: '@atlaskit/media-avatar-picker',
-		packagePath,
-		packageJson,
-		overview:
-			'A component to select, drag and resize image avatars. It also provides a default list of predefined avatars.',
-	},
-	components: [
-		{
-			name: 'AvatarPickerDialog',
-			description: 'Main dialog component that orchestrates the avatar selection experience.',
-			status: 'general-availability',
-			import: {
-				name: 'AvatarPickerDialog',
-				package: '@atlaskit/media-avatar-picker',
-				type: 'named',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Use `AvatarPickerDialog` when you need to allow users to upload or select an avatar.',
-			],
-			keywords: ['media', 'avatar', 'picker', 'upload'],
-			categories: ['media'],
-			examples: [
-				{
-					name: 'Avatar picker with source',
-					description: 'Basic usage of AvatarPickerDialog with an initial image source.',
-					source: path.resolve(packagePath, './examples/0-avatar-picker-with-source.tsx'),
-				},
-			],
-		},
-		{
-			name: 'ImageCropper',
-			description: 'Interactive component for cropping uploaded images.',
-			status: 'general-availability',
-			import: {
-				name: 'ImageCropper',
-				package: '@atlaskit/media-avatar-picker/image-cropper',
-				type: 'named',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: ['Use `ImageCropper` for standalone image cropping functionality.'],
-			keywords: ['media', 'crop', 'image'],
-			categories: ['media'],
-			examples: [
-				{
-					name: 'Image cropper',
-					description: 'Basic usage of ImageCropper.',
-					source: path.resolve(packagePath, './examples/1-image-cropper.tsx'),
-				},
-			],
-		},
-	],
-};
-
-export default documentation;