@dreamcommerce/aurora 3.1.25-1 → 3.1.25-2

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

@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["id", "name", "value", "colorVariables", "errors", "onChange", "onCancel", "onSave", "onPickShade", "withGradient", "disabled"];
-var ColorPicker = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+var ColorPicker = function ColorPicker(_ref) {
   var id = _ref.id,
     name = _ref.name,
     value = _ref.value,
@@ -104,11 +104,9 @@ var ColorPicker = /*#__PURE__*/React__default['default'].forwardRef(function (_r
     id: id,
     name: name,
     errors: errors,
-    disabled: disabled,
-    ref: ref
+    disabled: disabled
   }, rest)));
-});
-ColorPicker.displayName = 'ColorPicker';
+};
 
 exports.ColorPicker = ColorPicker;
 //# sourceMappingURL=color_picker.js.map

package/build/cjs/packages/aurora/src/components/color_picker/color_picker.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js

@@ -22,7 +22,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["id", "name", "errors", "disabled", "className", "children", "triggerClassName"];
-var ColorPickerPure = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+var ColorPickerPure = function ColorPickerPure(_ref) {
   var id = _ref.id,
     name = _ref.name,
     errors = _ref.errors,
@@ -61,8 +61,7 @@ var ColorPickerPure = /*#__PURE__*/React__default['default'].forwardRef(function
       setIsColorPickerOpened(true);
     },
     disabled: disabled,
-    className: cn.cn('aurora-w-full', triggerClassName),
-    ref: ref
+    className: cn.cn('aurora-w-full', triggerClassName)
   }, !children && (/*#__PURE__*/React__default['default'].createElement(color_picker_input.ColorPickerInput, {
     id: id,
     name: name,
@@ -76,8 +75,7 @@ var ColorPickerPure = /*#__PURE__*/React__default['default'].forwardRef(function
   })), children), /*#__PURE__*/React__default['default'].createElement(popover_content.PopoverContent, _rollupPluginBabelHelpers.objectSpread2({
     className: cn.cn('aurora-rounded-16 aurora-overflow-hidden aurora-z-[99999] js__aurora-color-picker', className)
   }, rest), /*#__PURE__*/React__default['default'].createElement(color_picker_content.ColorPickerContent, null))));
-});
-ColorPickerPure.displayName = 'ColorPickerPure';
+};
 
 exports.default = ColorPickerPure;
 //# sourceMappingURL=pure_color_picker.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.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,oBAAoB,qFAAyF;AAC7G,sBAAsB,iFAAqF;AAC3G,qBAAqB,uFAA2F;AAChH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,qFAAyF;AAC7G,sBAAsB,iFAAqF;AAC3G,qBAAqB,uFAA2F;AAChH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controls/color_picker_control/color_picker_control.js

@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "value", "colorVariables", "onChange", "onCancel", "onSave", "onPickShade", "withGradient", "helperText", "disabled"];
-var ColorPickerControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+var ColorPickerControl = function ColorPickerControl(_ref) {
   var label$1 = _ref.label,
     tooltip = _ref.tooltip,
     _ref$required = _ref.required,
@@ -51,14 +51,13 @@ var ColorPickerControl = /*#__PURE__*/React__default['default'].forwardRef(funct
     onSave: onSave,
     onPickShade: onPickShade,
     withGradient: withGradient,
-    disabled: disabled,
-    ref: ref
+    disabled: disabled
   }, rest)), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, {
     color: disabled ? css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
   }, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
     errors: errors
   }) : null);
-});
+};
 ColorPickerControl.displayName = 'ColorPickerControl';
 
 exports.ColorPickerControl = ColorPickerControl;

package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js

@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["id", "options", "placeholder", "disabled", "label", "helperText", "tooltip", "errors", "onValueChange", "required"];
-var MultiSelectControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+var MultiSelectControl = function MultiSelectControl(_ref) {
   var id = _ref.id,
     options = _ref.options,
     placeholder = _ref.placeholder,
@@ -41,14 +41,13 @@ var MultiSelectControl = /*#__PURE__*/React__default['default'].forwardRef(funct
     placeholder: placeholder,
     disabled: disabled,
     onValueChange: onValueChange,
-    errors: errors,
-    ref: ref
+    errors: errors
   }, props)), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, {
     color: disabled ? css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
   }, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
     errors: errors
   }) : null);
-});
+};
 MultiSelectControl.displayName = 'MultiSelectControl';
 
 exports.MultiSelectControl = MultiSelectControl;

package/build/cjs/packages/aurora/src/components/controls/multiselect_control/multiselect_control.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js

@@ -18,7 +18,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["id", "name", "items", "label", "value", "defaultValue", "tooltip", "helperText", "errors", "disabled", "required", "onValueChange"];
-var RadioGroupControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+var RadioGroupControl = function RadioGroupControl(_ref) {
   var id = _ref.id,
     name = _ref.name,
     items = _ref.items,
@@ -54,8 +54,7 @@ var RadioGroupControl = /*#__PURE__*/React__default['default'].forwardRef(functi
     defaultValue: defaultValue,
     disabled: disabled,
     required: required,
-    onValueChange: onValueChange,
-    ref: ref
+    onValueChange: onValueChange
   }, rest), items.map(function (item) {
     return /*#__PURE__*/React__default['default'].createElement(radio_group_item.RadioGroupItem, {
       key: "radio-button-".concat(item.value),
@@ -70,8 +69,7 @@ var RadioGroupControl = /*#__PURE__*/React__default['default'].forwardRef(functi
   })), errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
     errors: errors
   }) : null);
-});
-RadioGroupControl.displayName = 'RadioGroupControl';
+};
 
 exports.RadioGroupControl = RadioGroupControl;
 //# sourceMappingURL=radio_group_control.js.map

package/build/cjs/packages/aurora/src/components/controls/radio_group_control/radio_group_control.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js

@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["options", "id", "name", "label", "helperText", "tooltip", "placeholder", "searchPlaceholder", "hasSearch", "hasClearValueButton", "errors", "disabled", "value", "onValueChange", "onScroll", "innerAdditionalContent", "required"];
-var SelectControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+var SelectControl = function SelectControl(_ref) {
   var options = _ref.options,
     id = _ref.id,
     name = _ref.name,
@@ -54,14 +54,13 @@ var SelectControl = /*#__PURE__*/React__default['default'].forwardRef(function (
     errors: errors,
     value: value,
     onValueChange: onValueChange,
-    onScroll: onScroll,
-    ref: ref
+    onScroll: onScroll
   }, props)), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, {
     color: disabled ? css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
   }, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
     errors: errors
   }) : null);
-});
+};
 SelectControl.displayName = 'SelectControl';
 
 exports.SelectControl = SelectControl;

package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/controls/text_area_control/text_area_control.js

@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["id", "name", "label", "errors", "placeholder", "disabled", "readOnly", "value", "helperText", "required", "tooltip", "onChange"];
-var TextAreaControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+var TextAreaControl = function TextAreaControl(_ref) {
   var id = _ref.id,
     name = _ref.name,
     label$1 = _ref.label,
@@ -46,14 +46,13 @@ var TextAreaControl = /*#__PURE__*/React__default['default'].forwardRef(function
     disabled: disabled,
     readOnly: readOnly,
     errors: errors,
-    onChange: onChange,
-    ref: ref
+    onChange: onChange
   }, props)), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, {
     color: disabled ? css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
   }, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
     errors: errors
   }) : null);
-});
+};
 TextAreaControl.displayName = 'TextAreaControl';
 
 exports.TextAreaControl = TextAreaControl;

package/build/cjs/packages/aurora/src/components/controls/text_area_control/text_area_control.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js

@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ValuesSyncerControlInternal = function ValuesSyncerControlInternal(_ref, ref) {
+var ValuesSyncerControl = function ValuesSyncerControl(_ref) {
   var label$1 = _ref.label,
     _ref$required = _ref.required,
     required = _ref$required === void 0 ? false : _ref$required,
@@ -45,15 +45,13 @@ var ValuesSyncerControlInternal = function ValuesSyncerControlInternal(_ref, ref
     onLock: onLock,
     disableLockButton: disableLockButton,
     onChange: onChange,
-    className: className,
-    ref: ref
+    className: className
   }), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, {
     color: disabled ? css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
   }, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
     errors: errors
   }) : null);
 };
-var ValuesSyncerControl = /*#__PURE__*/React__default['default'].forwardRef(ValuesSyncerControlInternal);
 ValuesSyncerControl.displayName = 'ValuesSyncerControl';
 
 exports.ValuesSyncerControl = ValuesSyncerControl;

package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.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;"}
+{"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;"}

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

@@ -119,7 +119,7 @@ var ImagePicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
   };
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-mb-1"
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default['default'].createElement("button", {
     className: cn.cn('aurora-block aurora-w-full aurora-rounded-8 aurora-relative aurora-border-strong hover:aurora-border-extraStrong focus-visible:aurora-border-active focus-visible:aurora-outline-none', {
       'aurora-border aurora-border-dashed': !(errors && errors.length > 0 && !isDragOver),
       'aurora-border-2 aurora-border-danger aurora-border-solid hover:aurora-border-danger focus-visible:aurora-border-danger': errors && errors.length > 0,
@@ -129,13 +129,8 @@ var ImagePicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
       var _inputRef$current;
       return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
     },
-    onKeyDown: function onKeyDown(e) {
-      var _inputRef$current2;
-      return e.key === 'Enter' && ((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.click());
-    },
     ref: ref,
-    role: 'button',
-    tabIndex: 0
+    type: 'button'
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     onDragOver: onDragOver,
     onDragLeave: onDragLeave
@@ -143,7 +138,8 @@ var ImagePicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     className: "aurora-p-1 aurora-relative"
   }, /*#__PURE__*/React__default['default'].createElement(image_picker_preview_container.ImagePickerPreviewContainer, {
     classname: "aurora-relative aurora-flex aurora-flex-col"
-  }, topButtons && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, topButtons), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, topButtons && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, topButtons), /*#__PURE__*/React__default['default'].createElement("label", {
+    htmlFor: id,
     className: "aurora-relative"
   }, /*#__PURE__*/React__default['default'].createElement(image_picker_preview.ImagePickerPreview, {
     file: file,

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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -23,9 +23,6 @@ var ImagePickerDeleteButton = function ImagePickerDeleteButton(_ref) {
       e.preventDefault();
       onFileDelete();
     },
-    onKeyDown: function onKeyDown(e) {
-      return e.stopPropagation();
-    },
     className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
     type: "button"
   }, /*#__PURE__*/React__default['default'].createElement(delete_bin_icon.DeleteBinLineIcon, {

package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.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;"}
+{"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;"}

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

@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["id", "options", "placeholder", "disabled", "hasSearch", "searchPlaceholder", "onValueChange", "errors", "value", "searchNotFoundContent"];
-var MultiSelect = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+var MultiSelect = function MultiSelect(_ref) {
   var id = _ref.id,
     options = _ref.options,
     placeholder = _ref.placeholder,
@@ -48,8 +48,7 @@ var MultiSelect = /*#__PURE__*/React__default['default'].forwardRef(function (_r
   return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({}, props), /*#__PURE__*/React__default['default'].createElement(multiselect_trigger.MultiSelectTrigger, {
     id: id,
     disabled: disabled,
-    hasErrors: !!(errors !== null && errors !== void 0 && errors.length),
-    ref: ref
+    hasErrors: !!(errors !== null && errors !== void 0 && errors.length)
   }, /*#__PURE__*/React__default['default'].createElement("span", {
     className: cn.cn('aurora-pointer-events-none aurora-select-none', showPlaceholder && 'aurora-text-subtle')
   }, !showPlaceholder ? selectedOptions.map(function (option) {
@@ -62,7 +61,7 @@ var MultiSelect = /*#__PURE__*/React__default['default'].forwardRef(function (_r
     searchPlaceholder: searchPlaceholder,
     searchNotFoundContent: searchNotFoundContent
   })));
-});
+};
 MultiSelect.displayName = 'MultiSelect';
 
 exports.MultiSelect = MultiSelect;

package/build/cjs/packages/aurora/src/components/multiselect/multiselect.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;"}
+{"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;"}

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

@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["children", "id", "value", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "enableLocalSearch", "localSearchNotFoundContent", "errors", "onValueChange", "onScroll", "onSearch", "onClose", "hasError"];
-var Select = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+var Select = function Select(_ref) {
   var _selectedOption$value;
   var children = _ref.children,
     id = _ref.id,
@@ -74,7 +74,6 @@ var Select = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
   }, /*#__PURE__*/React__default['default'].createElement(select_trigger.SelectTrigger, {
     id: id,
     hasError: hasError || !!(errors !== null && errors !== void 0 && errors.length),
-    ref: ref,
     clearValueButton: value && hasClearValueButton && onValueChange && (/*#__PURE__*/React__default['default'].createElement("div", {
       onPointerDown: function onPointerDown(e) {
         return e.stopPropagation();
@@ -99,7 +98,7 @@ var Select = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
     enableLocalSearch: enableLocalSearch,
     localSearchNotFoundContent: localSearchNotFoundContent
   }));
-});
+};
 Select.displayName = SelectPrimitive.Root.displayName;
 
 exports.Select = Select;

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;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;"}

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

@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ValuesSyncerInternal = function ValuesSyncerInternal(_ref, ref) {
+var ValuesSyncer = function ValuesSyncer(_ref) {
   var firstControl = _ref.firstControl,
     secondControl = _ref.secondControl,
     firstValue = _ref.firstValue,
@@ -94,8 +94,7 @@ var ValuesSyncerInternal = function ValuesSyncerInternal(_ref, ref) {
   return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
     spacing: "3",
     align: "end",
-    className: cn.cn('aurora-items-end', className),
-    ref: ref
+    className: cn.cn('aurora-items-end', className)
   }, firstControl(firstValue, handleFirstControlChange), /*#__PURE__*/React__default['default'].createElement("button", {
     type: "button",
     disabled: disableLockButton,
@@ -111,8 +110,6 @@ var ValuesSyncerInternal = function ValuesSyncerInternal(_ref, ref) {
     color: !disableLockButton ? css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.base : css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.subtle
   }))), secondControl(secondValue, handleSecondControlChange));
 };
-var ValuesSyncer = /*#__PURE__*/React__default['default'].forwardRef(ValuesSyncerInternal);
-ValuesSyncer.displayName = 'ValuesSyncer';
 
 exports.ValuesSyncer = ValuesSyncer;
 //# sourceMappingURL=values_syncer.js.map

package/build/cjs/packages/aurora/src/components/values_syncer/values_syncer.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.d.ts

@@ -1,7 +1,7 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as React from 'react';
 export declare const AccordionTrigger: React.ForwardRefExoticComponent<{
-    backgroundColor?: "hover" | "active" | "subtle" | "subtle-strong" | "transparent" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse" | "inverse-hover" | "inverse-active" | "inverse-subtle" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "success" | "success-hover" | "success-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "danger" | "danger-hover" | "danger-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "warning" | "warning-hover" | "warning-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | "info" | "info-hover" | "info-active" | undefined;
+    backgroundColor?: "hover" | "active" | "subtle" | "subtle-strong" | "workspace" | "transparent" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse" | "inverse-hover" | "inverse-active" | "inverse-subtle" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "success" | "success-hover" | "success-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "danger" | "danger-hover" | "danger-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "warning" | "warning-hover" | "warning-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | "info" | "info-hover" | "info-active" | undefined;
     borderStyle?: "none" | "solid" | "dashed" | "dotted" | "double" | undefined;
     iconColor?: "base" | "disabled" | "subtle" | "inverse" | "inverse-subtle" | "primary" | "success" | "danger" | "warning" | "info" | "inverse-disabled" | "primary-strong" | "success-strong" | "danger-strong" | "warning-strong" | "info-strong" | undefined;
     icon?: React.ReactNode;

package/build/esm/packages/aurora/src/components/box/box.d.ts

@@ -23,7 +23,7 @@ export declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<H
 } & {
     as?: "div" | "span" | "header" | "footer" | "nav" | "section" | "ul" | "ol" | "li" | undefined;
     color?: "subtle" | "subtle-light" | "inverse" | "inverse-subtle" | "inverse-subtle-light" | "inverse-ghost" | "inverse-ghost-light" | "interactive" | "interactive-hover" | "interactive-active" | "interactive-inverse" | "interactive-inverse-hover" | "interactive-inverse-active" | "success" | "success-hover" | "success-active" | "success-strong" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "warning" | "warning-hover" | "warning-active" | "warning-strong" | "info" | "info-hover" | "info-active" | "info-strong" | undefined;
-    backgroundColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "success-hover" | "success-active" | "danger" | "danger-hover" | "danger-active" | "warning" | "warning-hover" | "warning-active" | "info" | "info-hover" | "info-active" | "transparent" | "active" | "hover" | "subtle-strong" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse-hover" | "inverse-active" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | undefined;
+    backgroundColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "success-hover" | "success-active" | "danger" | "danger-hover" | "danger-active" | "warning" | "warning-hover" | "warning-active" | "info" | "info-hover" | "info-active" | "transparent" | "active" | "hover" | "subtle-strong" | "workspace" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse-hover" | "inverse-active" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | undefined;
     borderColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "info" | "strong" | "transparent" | "active" | "inverse-active" | "primary" | "primary-hover" | "extraStrong" | "inverse-strong" | "focus" | undefined;
     borderRadius?: "0" | "2" | "4" | "6" | "8" | "12" | "16" | "24" | "40" | "full" | Partial<Record<"b" | "br" | "s" | "tr" | "t" | "r" | "l" | "tl" | "bl" | "e" | "ee" | "es" | "se" | "ss", "0" | "2" | "4" | "6" | "8" | "12" | "16" | "24" | "40" | "full">> | undefined;
     borderWidth?: "0" | "1" | "2" | "4" | "8" | Partial<Record<"b" | "x" | "y" | "t" | "r" | "l", "0" | "1" | "2" | "4" | "8">> | undefined;

package/build/esm/packages/aurora/src/components/color_picker/color_picker.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IColorPickerProps } from './color_picker_types';
-export declare const ColorPicker: React.ForwardRefExoticComponent<IColorPickerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ColorPicker: ({ id, name, value, colorVariables, errors, onChange, onCancel, onSave, onPickShade, withGradient: isWithGradient, disabled, ...rest }: IColorPickerProps) => React.JSX.Element;

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

@@ -5,7 +5,7 @@ import ColorPickerPure from './components/pure_color_picker.js';
 import useSetupColorPicker from './hooks/setup_color_picker.js';
 
 var _excluded = ["id", "name", "value", "colorVariables", "errors", "onChange", "onCancel", "onSave", "onPickShade", "withGradient", "disabled"];
-var ColorPicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var ColorPicker = function ColorPicker(_ref) {
   var id = _ref.id,
     name = _ref.name,
     value = _ref.value,
@@ -96,11 +96,9 @@ var ColorPicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     id: id,
     name: name,
     errors: errors,
-    disabled: disabled,
-    ref: ref
+    disabled: disabled
   }, rest)));
-});
-ColorPicker.displayName = 'ColorPicker';
+};
 
 export { ColorPicker };
 //# sourceMappingURL=color_picker.js.map

package/build/esm/packages/aurora/src/components/color_picker/color_picker.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.d.ts

@@ -1,4 +1,4 @@
 import { IColorPickerPureProps } from '../color_picker_types';
 import React from 'react';
-declare const ColorPickerPure: React.ForwardRefExoticComponent<IColorPickerPureProps & React.RefAttributes<HTMLButtonElement>>;
+declare const ColorPickerPure: React.FC<IColorPickerPureProps>;
 export default ColorPickerPure;

package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js

@@ -14,7 +14,7 @@ import { ColorPickerInput } from './color_picker_input.js';
 import { PopoverContent } from '../../popover/components/popover_content.js';
 
 var _excluded = ["id", "name", "errors", "disabled", "className", "children", "triggerClassName"];
-var ColorPickerPure = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var ColorPickerPure = function ColorPickerPure(_ref) {
   var id = _ref.id,
     name = _ref.name,
     errors = _ref.errors,
@@ -53,8 +53,7 @@ var ColorPickerPure = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       setIsColorPickerOpened(true);
     },
     disabled: disabled,
-    className: cn('aurora-w-full', triggerClassName),
-    ref: ref
+    className: cn('aurora-w-full', triggerClassName)
   }, !children && (/*#__PURE__*/React.createElement(ColorPickerInput, {
     id: id,
     name: name,
@@ -68,8 +67,7 @@ var ColorPickerPure = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   })), children), /*#__PURE__*/React.createElement(PopoverContent, _objectSpread2({
     className: cn('aurora-rounded-16 aurora-overflow-hidden aurora-z-[99999] js__aurora-color-picker', className)
   }, rest), /*#__PURE__*/React.createElement(ColorPickerContent, null))));
-});
-ColorPickerPure.displayName = 'ColorPickerPure';
+};
 
 export default ColorPickerPure;
 //# sourceMappingURL=pure_color_picker.js.map

package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,qFAAyF;AACxH,iCAAiC,iFAAqF;AACtH,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,qFAAyF;AACxH,iCAAiC,iFAAqF;AACtH,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controls/color_picker_control/color_picker_control.d.ts

@@ -1,8 +1,3 @@
 import React from 'react';
-export declare const ColorPickerControl: React.ForwardRefExoticComponent<import("../../color_picker/color_picker_types").IColorPickerProps & {
-    label?: React.ReactNode;
-    helperText?: React.ReactNode;
-    tooltip?: React.ReactNode;
-    errors?: string | string[] | undefined;
-    required?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLButtonElement>>;
+import { TColorPickerControlProps } from './color_picker_control_types';
+export declare const ColorPickerControl: React.FC<TColorPickerControlProps>;

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js

@@ -8,7 +8,7 @@ import { Label } from '../../label/label.js';
 import { ColorPicker } from '../../color_picker/color_picker.js';
 
 var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "value", "colorVariables", "onChange", "onCancel", "onSave", "onPickShade", "withGradient", "helperText", "disabled"];
-var ColorPickerControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var ColorPickerControl = function ColorPickerControl(_ref) {
   var label = _ref.label,
     tooltip = _ref.tooltip,
     _ref$required = _ref.required,
@@ -43,14 +43,13 @@ var ColorPickerControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onSave: onSave,
     onPickShade: onPickShade,
     withGradient: withGradient,
-    disabled: disabled,
-    ref: ref
+    disabled: disabled
   }, rest)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
     color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
   }, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
   }) : null);
-});
+};
 ColorPickerControl.displayName = 'ColorPickerControl';
 
 export { ColorPickerControl };

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.d.ts

@@ -1,9 +1,3 @@
 import React from 'react';
-export declare const MultiSelectControl: React.ForwardRefExoticComponent<import("../../multiselect/multiselect_types").TMultiSelectProps & {
-    id: string;
-    label?: React.ReactNode;
-    helperText?: React.ReactNode;
-    tooltip?: React.ReactNode;
-    errors?: string | string[] | undefined;
-    required?: boolean | undefined;
-} & React.RefAttributes<HTMLButtonElement>>;
+import { TMultiSelectControlProps } from './multiselect_control_types';
+export declare const MultiSelectControl: React.FC<TMultiSelectControlProps>;