@dreamcommerce/aurora 3.0.0-197 → 3.0.0-198

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../utilities/cn.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ImagePickerDragOverPlaceholder = function ImagePickerDragOverPlaceholder() {
+  var _useTranslation = useTranslation.useTranslation(),
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: cn.cn('aurora-absolute aurora-inset-0 aurora-bg-neutral-0 aurora-border-2 aurora-border-primary aurora-rounded-8 aurora-z-1 aurora-pointer-events-none aurora-w-full aurora-h-full')
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-w-full aurora-h-full aurora-bg-primary-transparent aurora-flex aurora-items-center aurora-justify-center"
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "aurora-text-xs aurora-text-interactive"
+  }, "".concat(t('Drop file here')))));
+};
+
+exports.ImagePickerDragOverPlaceholder = ImagePickerDragOverPlaceholder;
+//# sourceMappingURL=image_picker_drag_over_placeholder.js.map

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_input.js

@@ -7,6 +7,7 @@ var useTranslation = require('../../../../../../external/react-i18next/dist/es/u
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../utilities/cn.js');
 var upload_icon = require('../../../assets/icons/upload_icon.js');
+var image_picker_drag_over_placeholder = require('./image_picker_drag_over_placeholder.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,13 +29,7 @@ var ImagePickerInput = function ImagePickerInput(_ref) {
     onDragOver: onDragOver,
     onDragLeave: onDragLeave,
     className: "aurora-relative aurora-flex aurora-items-center aurora-justify-center aurora-w-full aurora-h-full aurora-cursor-pointer aurora-p-1 aurora-pb-2 aurora-group/imagePickerInput"
-  }, isDragOver && (/*#__PURE__*/React__default['default'].createElement("div", {
-    className: cn.cn('aurora-absolute aurora-inset-0 aurora-bg-neutral-0 aurora-border-2 aurora-border-primary aurora-rounded-8 aurora-z-1 aurora-pointer-events-none')
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: " aurora-w-full aurora-h-full aurora-bg-primary-transparent aurora-flex aurora-items-center aurora-justify-center"
-  }, /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "aurora-text-xs aurora-text-interactive"
-  }, "".concat(t('Drop file here')))))), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, isDragOver && /*#__PURE__*/React__default['default'].createElement(image_picker_drag_over_placeholder.ImagePickerDragOverPlaceholder, null), /*#__PURE__*/React__default['default'].createElement("div", {
     className: cn.cn('aurora-flex aurora-flex-col aurora-items-center aurora-w-full aurora-h-full aurora-pt-4 aurora-pb-3 aurora-px-1')
   }, /*#__PURE__*/React__default['default'].createElement(upload_icon.UploadLineIcon, {
     className: "aurora-w-5 aurora-h-5 aurora-fill-subtle group-hover/imagePickerInput:aurora-fill-primary aurora-mb-2"

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview.js

@@ -12,13 +12,15 @@ var ImagePickerPreview = function ImagePickerPreview(_ref) {
   var file = _ref.file,
     onError = _ref.onError,
     onLoad = _ref.onLoad;
-  return /*#__PURE__*/React__default['default'].createElement("img", {
-    className: "aurora-rounded-4 aurora-w-full aurora-h-full",
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: 'aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center'
+  }, /*#__PURE__*/React__default['default'].createElement("img", {
+    className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-object-contain",
     alt: file.fileName,
     src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '',
     onError: onError,
     onLoad: onLoad
-  });
+  }));
 };
 
 exports.ImagePickerPreview = ImagePickerPreview;

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview_container.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ImagePickerPreviewContainer = function ImagePickerPreviewContainer(_ref) {
+  var classname = _ref.classname,
+    children = _ref.children,
+    onDragLeave = _ref.onDragLeave,
+    onDragOver = _ref.onDragOver,
+    onDropFile = _ref.onDropFile;
+  return /*#__PURE__*/React__default['default'].createElement("label", {
+    className: classname,
+    onDragLeave: onDragLeave,
+    onDragOver: onDragOver,
+    onDrop: onDropFile
+  }, children);
+};
+
+exports.ImagePickerPreviewContainer = ImagePickerPreviewContainer;
+//# sourceMappingURL=image_picker_preview_container.js.map

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview_container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js

@@ -9,10 +9,12 @@ var cn = require('../../utilities/cn.js');
 var error_list = require('../error_list/error_list.js');
 var image_picker_constants = require('./image_picker_constants.js');
 var image_picker_preview = require('./components/image_picker_preview.js');
+var image_picker_drag_over_placeholder = require('./components/image_picker_drag_over_placeholder.js');
 var image_picker_input = require('./components/image_picker_input.js');
 var uploaded_image_picker_item = require('./components/uploaded_image_picker_item.js');
 var image_picker_utils = require('./image_picker_utils.js');
 var use_image_picker = require('./use_image_picker.js');
+var image_picker_preview_container = require('./components/image_picker_preview_container.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -124,7 +126,12 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
       'aurora-border-none': isDragOver
     })
   }, file && !(errors !== null && errors !== void 0 && errors.length) ? isPreview ? (/*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-p-1 aurora-pb-2 aurora-relative"
+    className: "aurora-p-1 aurora-relative"
+  }, /*#__PURE__*/React__default['default'].createElement(image_picker_preview_container.ImagePickerPreviewContainer, {
+    classname: "aurora-relative",
+    onDragLeave: onDragLeave,
+    onDragOver: onDragOver,
+    onDropFile: onDropFile
   }, topButtons && /*#__PURE__*/React__default['default'].createElement("div", null, topButtons), /*#__PURE__*/React__default['default'].createElement(image_picker_preview.ImagePickerPreview, {
     file: file,
     onError: onPreviewError
@@ -133,7 +140,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
     file: file,
     isValid: !(errors !== null && errors !== void 0 && errors.length),
     onFileDelete: handleOnFileDelete
-  }))) : (/*#__PURE__*/React__default['default'].createElement("div", null, "".concat(t('No preview')))) : (/*#__PURE__*/React__default['default'].createElement(image_picker_input.ImagePickerInput, {
+  })), isDragOver && /*#__PURE__*/React__default['default'].createElement(image_picker_drag_over_placeholder.ImagePickerDragOverPlaceholder, null))) : (/*#__PURE__*/React__default['default'].createElement("div", null, "".concat(t('No preview')))) : (/*#__PURE__*/React__default['default'].createElement(image_picker_input.ImagePickerInput, {
     onDragLeave: onDragLeave,
     onDragOver: onDragOver,
     isDragOver: isDragOver,

package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/select/components/select_content.js

@@ -16,11 +16,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["className", "options", "selectedValue", "hasSearch", "searchPlaceholder", "filterTerm", "setFilterTerm", "innerAdditionalContent", "triggerRef", "position", "onScroll"];
+var _excluded = ["className", "options", "hasSearch", "searchPlaceholder", "filterTerm", "setFilterTerm", "innerAdditionalContent", "triggerRef", "position", "onScroll"];
 var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var className = _ref.className,
     options = _ref.options,
-    selectedValue = _ref.selectedValue,
     hasSearch = _ref.hasSearch,
     searchPlaceholder = _ref.searchPlaceholder,
     filterTerm = _ref.filterTerm,
@@ -85,13 +84,11 @@ var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (
     placeholder: searchPlaceholder,
     ref: inputRef
   }))), options === null || options === void 0 ? void 0 : options.map(function (option, index) {
-    var isSelected = selectedValue ? option.value === selectedValue : false;
     return option.isHeader ? (/*#__PURE__*/React__default['default'].createElement(select_group_label.SelectGroupLabel, {
-      key: "select-label-".concat(option.text, "-").concat(index)
+      key: option.text
     }, option.text)) : (/*#__PURE__*/React__default['default'].createElement(select_item.SelectItem, {
       key: "select-item-".concat(option.value, "-").concat(index),
-      value: "".concat(option.value, "-").concat(index),
-      isSelected: isSelected,
+      value: option.value,
       isDisabled: option.isDisabled,
       isReadonly: option.isReadonly
     }, option.text));

package/build/cjs/packages/aurora/src/components/select/components/select_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,0EAA8E;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,0EAA8E;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/select/components/select_item.js

@@ -12,25 +12,25 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "className", "isDisabled", "isReadonly", "isSelected"];
+var _excluded = ["children", "className", "isDisabled", "isReadonly"];
 var SelectItem = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     isDisabled = _ref.isDisabled,
     isReadonly = _ref.isReadonly,
-    isSelected = _ref.isSelected,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-    className: cn.cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-sm aurora-outline-none active:aurora-bg-active focus:aurora-bg-accent focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', {
-      'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly,
-      'aurora-bg-hover aurora-font-semibold': isSelected
+    className: cn.cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-sm aurora-outline-none active:aurora-bg-active focus:aurora-bg-accent focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold data-[highlighted]:aurora-bg-hover', {
+      'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly
     }, className),
     disabled: isDisabled || isReadonly
   }, props), {}, {
     ref: ref
-  }), isSelected && /*#__PURE__*/React__default['default'].createElement(check_icon.CheckLineIcon, {
-    className: "aurora-h-5 aurora-w-5 -aurora-ml-7 aurora-mr-2"
-  }), /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.ItemText, null, children));
+  }), /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.ItemIndicator, {
+    className: "-aurora-ml-7 aurora-mr-2"
+  }, /*#__PURE__*/React__default['default'].createElement(check_icon.CheckLineIcon, {
+    className: "aurora-h-5 aurora-w-5"
+  })), /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.ItemText, null, children));
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
 

package/build/cjs/packages/aurora/src/components/select/select.js

@@ -57,13 +57,10 @@ var Select = function Select(_ref) {
       return opt.value === selectedValue;
     })) === null || _options$find === void 0 ? void 0 : _options$find.text) || '';
   };
-  var handleChange = function handleChange(sufixedValue) {
-    var cleanValue = sufixedValue.split('-')[0];
-    setSelectedValue(cleanValue);
-  };
   return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
+    value: selectedValue,
     defaultValue: defaultValue,
-    onValueChange: handleChange,
+    onValueChange: setSelectedValue,
     disabled: disabled,
     onOpenChange: function onOpenChange(openState) {
       return clearFilterInputOnClose(openState);
@@ -85,7 +82,6 @@ var Select = function Select(_ref) {
     className: "aurora-h-4 aurora-w-4 aurora-cursor-pointer"
   })))), /*#__PURE__*/React__default['default'].createElement(select_content.SelectContent, {
     options: filteredOptions,
-    selectedValue: selectedValue,
     hasSearch: hasSearch,
     searchPlaceholder: searchPlaceholder,
     innerAdditionalContent: innerAdditionalContent,

package/build/cjs/packages/aurora/src/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js

@@ -46,7 +46,7 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
   });
   return /*#__PURE__*/React__default['default'].createElement("aside", _rollupPluginBabelHelpers.objectSpread2({
     "aria-expanded": open,
-    className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200 aurora-overflow-hidden'),
+    className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200'),
     style: {
       width: open ? width : 0,
       maxWidth: open ? width : 0,

package/build/cjs/packages/aurora/src/components/toast/components/toast.js

@@ -4,32 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var cn = require('../../../utilities/cn.js');
 var stack = require('../../stack/stack.js');
 var close_line_icon = require('../../../assets/icons/close_line_icon.js');
 var message_box = require('../../message_box/message_box.js');
 var reactToast = require('@radix-ui/react-toast');
-var toast_constants = require('../toast_constants.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["type", "header", "children", "slideSide", "closeable"];
+var _excluded = ["type", "header", "children", "closeable"];
 var Toast = function Toast(_ref) {
   var type = _ref.type,
     header = _ref.header,
     children = _ref.children,
-    _ref$slideSide = _ref.slideSide,
-    slideSide = _ref$slideSide === void 0 ? toast_constants.TOAST_SLIDE_SIDE.fromRight : _ref$slideSide,
     _ref$closeable = _ref.closeable,
     closeable = _ref$closeable === void 0 ? true : _ref$closeable,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default['default'].createElement(reactToast.Root, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
-    className: cn.cn({
-      'data-[state=open]:aurora-animate-toast-slide-in-from-right data-[state=closed]:aurora-animate-toast-swipe-out-from-left data-[state=hide]:aurora-animate-toast-hide': slideSide === toast_constants.TOAST_SLIDE_SIDE.fromRight,
-      'data-[state=open]:aurora-animate-toast-slide-in-from-bottom data-[state=closed]:aurora-animate-toast-swipe-out-from-top data-[state=hide]:aurora-animate-toast-hide': slideSide === toast_constants.TOAST_SLIDE_SIDE.fromBottom
-    })
+    className: 'data-[state=open]:aurora-animate-toast-slide-in data-[state=closed]:aurora-animate-toast-swipe-out data-[state=hide]:aurora-animate-toast-hide'
   }), /*#__PURE__*/React__default['default'].createElement(message_box.MessageBox, {
     showIcon: true,
     variant: type,

package/build/cjs/packages/aurora/src/components/toast/components/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/toast/components/toast_viewport.js

@@ -6,24 +6,15 @@ var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../utilities/cn.js');
 var reactToast = require('@radix-ui/react-toast');
-var toast_constants = require('../toast_constants.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["className", "side"];
-var ToastViewport = function ToastViewport(_ref) {
-  var className = _ref.className,
-    _ref$side = _ref.side,
-    side = _ref$side === void 0 ? toast_constants.TOASTS_SIDE.right : _ref$side,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+var ToastViewport = function ToastViewport(props) {
   return /*#__PURE__*/React__default['default'].createElement(reactToast.Viewport, _rollupPluginBabelHelpers.objectSpread2({
-    className: cn.cn('aurora-fixed aurora-bottom-0 aurora-list-none aurora-flex aurora-flex-col aurora-gap-2.5 aurora-p-4 aurora-z-[99999]', {
-      'aurora-right-0': side === toast_constants.TOASTS_SIDE.right,
-      'aurora-left-1/2 -aurora-translate-x-1/2': side === toast_constants.TOASTS_SIDE.center
-    }, className)
-  }, rest));
+    className: cn.cn('aurora-fixed aurora-bottom-0 aurora-list-none aurora-right-0 aurora-flex aurora-flex-col aurora-gap-2.5 aurora-p-4 aurora-z-[99999]')
+  }, props));
 };
 
 exports.ToastViewport = ToastViewport;

package/build/cjs/packages/aurora/src/components/toast/components/toast_viewport.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/toast/toast_constants.js

@@ -5,16 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var message_box_constants = require('../message_box/message_box_constants.js');
 
 var TOAST_TYPES = message_box_constants.MESSAGE_BOX_VARIANTS;
-var TOASTS_SIDE = {
-  right: 'right',
-  center: 'center'
-};
-var TOAST_SLIDE_SIDE = {
-  fromRight: 'from-right',
-  fromBottom: 'from-bottom'
-};
 
-exports.TOASTS_SIDE = TOASTS_SIDE;
-exports.TOAST_SLIDE_SIDE = TOAST_SLIDE_SIDE;
 exports.TOAST_TYPES = TOAST_TYPES;
 //# sourceMappingURL=toast_constants.js.map

package/build/cjs/packages/aurora/src/components/toast/toast_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/index.js

@@ -118,10 +118,10 @@ var tree = require('./components/tree/tree.js');
 var tree_hook = require('./components/tree/hooks/tree_hook.js');
 var tree_node = require('./components/tree/components/tree_node.js');
 var breadcrumbs = require('./components/breadcrumbs/breadcrumbs.js');
-var toast_constants = require('./components/toast/toast_constants.js');
 var toast = require('./components/toast/components/toast.js');
 var toast_provider = require('./components/toast/context/toast_provider.js');
 var toast_viewport = require('./components/toast/components/toast_viewport.js');
+var toast_constants = require('./components/toast/toast_constants.js');
 
 
 
@@ -259,10 +259,8 @@ exports.Tree = tree.Tree;
 exports.useTree = tree_hook.useTree;
 exports.TreeNode = tree_node.TreeNode;
 exports.Breadcrumbs = breadcrumbs.Breadcrumbs;
-exports.TOASTS_SIDE = toast_constants.TOASTS_SIDE;
-exports.TOAST_SLIDE_SIDE = toast_constants.TOAST_SLIDE_SIDE;
-exports.TOAST_TYPES = toast_constants.TOAST_TYPES;
 exports.Toast = toast.Toast;
 exports.ToastProvider = toast_provider.ToastProvider;
 exports.ToastViewport = toast_viewport.ToastViewport;
+exports.TOAST_TYPES = toast_constants.TOAST_TYPES;
 //# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ImagePickerDragOverPlaceholder: () => React.JSX.Element;

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+
+var ImagePickerDragOverPlaceholder = function ImagePickerDragOverPlaceholder() {
+  var _useTranslation = useTranslation(),
+    _useTranslation2 = _slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn('aurora-absolute aurora-inset-0 aurora-bg-neutral-0 aurora-border-2 aurora-border-primary aurora-rounded-8 aurora-z-1 aurora-pointer-events-none aurora-w-full aurora-h-full')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "aurora-w-full aurora-h-full aurora-bg-primary-transparent aurora-flex aurora-items-center aurora-justify-center"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "aurora-text-xs aurora-text-interactive"
+  }, "".concat(t('Drop file here')))));
+};
+
+export { ImagePickerDragOverPlaceholder };
+//# sourceMappingURL=image_picker_drag_over_placeholder.js.map

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.js

@@ -3,6 +3,7 @@ import { useTranslation } from '../../../../../../external/react-i18next/dist/es
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { UploadLineIcon } from '../../../assets/icons/upload_icon.js';
+import { ImagePickerDragOverPlaceholder } from './image_picker_drag_over_placeholder.js';
 
 var ImagePickerInput = function ImagePickerInput(_ref) {
   var id = _ref.id,
@@ -20,13 +21,7 @@ var ImagePickerInput = function ImagePickerInput(_ref) {
     onDragOver: onDragOver,
     onDragLeave: onDragLeave,
     className: "aurora-relative aurora-flex aurora-items-center aurora-justify-center aurora-w-full aurora-h-full aurora-cursor-pointer aurora-p-1 aurora-pb-2 aurora-group/imagePickerInput"
-  }, isDragOver && (/*#__PURE__*/React.createElement("div", {
-    className: cn('aurora-absolute aurora-inset-0 aurora-bg-neutral-0 aurora-border-2 aurora-border-primary aurora-rounded-8 aurora-z-1 aurora-pointer-events-none')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: " aurora-w-full aurora-h-full aurora-bg-primary-transparent aurora-flex aurora-items-center aurora-justify-center"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "aurora-text-xs aurora-text-interactive"
-  }, "".concat(t('Drop file here')))))), /*#__PURE__*/React.createElement("div", {
+  }, isDragOver && /*#__PURE__*/React.createElement(ImagePickerDragOverPlaceholder, null), /*#__PURE__*/React.createElement("div", {
     className: cn('aurora-flex aurora-flex-col aurora-items-center aurora-w-full aurora-h-full aurora-pt-4 aurora-pb-3 aurora-px-1')
   }, /*#__PURE__*/React.createElement(UploadLineIcon, {
     className: "aurora-w-5 aurora-h-5 aurora-fill-subtle group-hover/imagePickerInput:aurora-fill-primary aurora-mb-2"

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview.js

@@ -4,13 +4,15 @@ var ImagePickerPreview = function ImagePickerPreview(_ref) {
   var file = _ref.file,
     onError = _ref.onError,
     onLoad = _ref.onLoad;
-  return /*#__PURE__*/React.createElement("img", {
-    className: "aurora-rounded-4 aurora-w-full aurora-h-full",
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center'
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-object-contain",
     alt: file.fileName,
     src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '',
     onError: onError,
     onLoad: onLoad
-  });
+  }));
 };
 
 export { ImagePickerPreview };

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview_container.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IImagePickerPreviewContainer } from '../image_picker_types';
+export declare const ImagePickerPreviewContainer: React.FC<IImagePickerPreviewContainer>;

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview_container.js

@@ -0,0 +1,18 @@
+import React from 'react';
+
+var ImagePickerPreviewContainer = function ImagePickerPreviewContainer(_ref) {
+  var classname = _ref.classname,
+    children = _ref.children,
+    onDragLeave = _ref.onDragLeave,
+    onDragOver = _ref.onDragOver,
+    onDropFile = _ref.onDropFile;
+  return /*#__PURE__*/React.createElement("label", {
+    className: classname,
+    onDragLeave: onDragLeave,
+    onDragOver: onDragOver,
+    onDrop: onDropFile
+  }, children);
+};
+
+export { ImagePickerPreviewContainer };
+//# sourceMappingURL=image_picker_preview_container.js.map

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview_container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/image_picker.js

@@ -5,10 +5,12 @@ import { cn } from '../../utilities/cn.js';
 import { ErrorList } from '../error_list/error_list.js';
 import { IMAGE_PICKER_EXTENSIONS } from './image_picker_constants.js';
 import { ImagePickerPreview } from './components/image_picker_preview.js';
+import { ImagePickerDragOverPlaceholder } from './components/image_picker_drag_over_placeholder.js';
 import { ImagePickerInput } from './components/image_picker_input.js';
 import { UploadedImagePickerItem } from './components/uploaded_image_picker_item.js';
 import { getAcceptFilesParametersFromAllowedExtensions } from './image_picker_utils.js';
 import { useImagePicker } from './use_image_picker.js';
+import { ImagePickerPreviewContainer } from './components/image_picker_preview_container.js';
 
 var ImagePicker = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
@@ -116,7 +118,12 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
       'aurora-border-none': isDragOver
     })
   }, file && !(errors !== null && errors !== void 0 && errors.length) ? isPreview ? (/*#__PURE__*/React.createElement("div", {
-    className: "aurora-p-1 aurora-pb-2 aurora-relative"
+    className: "aurora-p-1 aurora-relative"
+  }, /*#__PURE__*/React.createElement(ImagePickerPreviewContainer, {
+    classname: "aurora-relative",
+    onDragLeave: onDragLeave,
+    onDragOver: onDragOver,
+    onDropFile: onDropFile
   }, topButtons && /*#__PURE__*/React.createElement("div", null, topButtons), /*#__PURE__*/React.createElement(ImagePickerPreview, {
     file: file,
     onError: onPreviewError
@@ -125,7 +132,7 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
     file: file,
     isValid: !(errors !== null && errors !== void 0 && errors.length),
     onFileDelete: handleOnFileDelete
-  }))) : (/*#__PURE__*/React.createElement("div", null, "".concat(t('No preview')))) : (/*#__PURE__*/React.createElement(ImagePickerInput, {
+  })), isDragOver && /*#__PURE__*/React.createElement(ImagePickerDragOverPlaceholder, null))) : (/*#__PURE__*/React.createElement("div", null, "".concat(t('No preview')))) : (/*#__PURE__*/React.createElement(ImagePickerInput, {
     onDragLeave: onDragLeave,
     onDragOver: onDragOver,
     isDragOver: isDragOver,

package/build/esm/packages/aurora/src/components/image_picker/image_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/image_picker_types.d.ts

@@ -32,6 +32,13 @@ export interface IImagePickerInput {
     allowedExtensions: TImagePickerExtension[];
     isDragOver: boolean;
 }
+export interface IImagePickerPreviewContainer {
+    onDropFile: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragOver: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragLeave: (event: React.DragEvent<HTMLLabelElement>) => void;
+    children: ReactNode;
+    classname: string;
+}
 export declare type TImageSize = {
     width: number;
     height: number;