@dreamcommerce/aurora 3.1.29 → 3.1.31

package/README.md

@@ -1,135 +1 @@
 # Aurora
-
-## Jak odpalić?
-
-1. `yarn install`
-2. `yarn run start` - odpala Rollupa, który nasłuchuje na folder src (tutaj developujemy komponenty)
-3. `yarn run storybook` - w osobnej zakladace odpalamy storybooka, tutaj tworzymy tzw "story" dla naszego nowo
-   tworzonego komponentu. Dzięki temu możemy sobie developować nasz komponent w izolacji. Proponuje się wzorować na tym
-   co już gotowe.
-
-Taki pakiet możemy zainstlować w swoim projekcie przez użycie tagu beta wrzucając do
-package.json `@dreamcommerce/aurora: "0.2.10-1"`. Co jeśli pracujemy dalej? Odpalamy znowu
-`yarn version --prerelease`
-To uaktualni nam wersję np z `0.2.10-1` do `0.2.10-2` i znowu
-`yarn npm publish --tag beta --access public`
-
-## Testowanie:
-
-Posiadamy dwa rodzaje testów, standardowe unit testy oraz wizualne. Jak je odpalić:
-
-1. `yarn run tests:unit`
-2. `yarn run tests:visual`
-
-Co gdy celowo zmieniamy wyglad komponentu i testy wizualne nie przechodza? 
-Wtedy musimy zaktualizować pliki wzorcowe:
-
-1. `yarn run update-visuals` aktualizuje pliki wzorcowe zmian wizualnych (.png)
-
-## Jak piszemy componenty
-
-### importy
-
-1. W pierwszej kolejnosci importujemy rzeczy zewnętrzne (React, lodash, classnames itp)
-2. Style komponentu
-3. Typowanie
-4. Rzeczy wewnętrzne komponentu
-
-### Komponenty
-
-- do wiekszosci komponentów, korzystamy z opensourcowej libki https://ui.shadcn.com. Kod komponentóœ kopiujemy manualnie i dostosowujemy do naszych potrzeb.
-
-#### Struktura folderów i plików komponentu
-
-- Komponent umieszczamy w folderze `src/components`
-- W nazewnictwie plików i folderów stosujemy `snake_case`
-- Nazwy prefixujemy nazwa komponentu
-- Nazwa komponentu powinna być w liczbe pojedyńczej (button, color_picker, heading itp);
-- struktura komponentu:
-
-```
-    - components (komponenty wchodza w sklad glownego komponetu, nieuzywalne osobno)
-        - somethings.tsx
-        - ...
-    - hooks (folder zawierajacy hooki specyficzne dla danego elementu)
-        - [nazwa-komponentu]_useValues.ts
-        - ...
-    - [nazwa-komponentu]_constants.ts (opcjonalnie, stałe dla tego komponentu)
-    - [nazwa-komponentu]_context.tsx (opcjonalne, context elementu)
-    - [nazwa-komponentu].tsx
-    - [nazwa-komponentu]_types.ts
-    - [nazwa-komponentu]_utils.ts (opcjonalnie, helpery, funkcje danego komponetu)
-```
-
-#### Style
-
-**Autocomplete dla funkcji cva i cx**
-https://cva.style/docs/getting-started/installation#tailwind-css
-
-- do stylowania używamy tailwindcss
-- dostpene tokeny dla różnych wartosci stili (np. `colors`, `spacing`, `fontSizes` itp) znajdują się w pliku `tailwind.config.js`
-
-## Uwagi ogólne
-
-Nazwy metod, zmiennych powinny odpowiadać temu co kryje się za daną zmienną lub co robi metoda. Metody powinny
-realizowac jedna rzeczy. Zmienne typu boolean powinny zawsze zaczynac sie od `is` lub `has`.
-
-## Tymczasowe na czas developmentu westa
-
-- jako, ze wyczysciłam folder z komponentami bo gryzły sie lessy. Niektóre komponenty bd kopiować w zależnosci od kejsu. Np takie taby albo skin-tree bd raczej kopiowane z aurory na tagu 2.0. Nie chcemy zmieniać api tych komponentó
-- czesc bardziej skomplikowanych komponentów bd najprawdopodbniej z osobnych libek, np. select
-
-### Nowa struktura pod storybooka
-
-1. **Feedback and indicators**
-   1. Loader
-   2. Message-box(infobox)
-   3. badge
-   4. flash-messanger
-2. **Table**
-   1. table
-3. **Text**
-   1. Typography
-4. **Selection and Input**
-   1. Checkbox
-   2. Checkbox-switch
-   3. Color-picker
-   4. Date-picker
-   5. File-Picker
-   6. Input
-   7. Select
-   8. MultiSelect
-   9. Radio
-   10. Radio-group
-   11. Textarea
-   12. xhrImagePicker
-   13. Values Syncer
-   14. Hint - ma zostac tyko jeden, juz nie bd tooltip i hint osobno
-   15. Button
-5. **Layout**
-   1. Grid
-   2. Stack
-   3. Box
-   4. Divider 
-   5. Spacing
-6. **Modal**
-7. **Navigation**
-   1. Link
-   2. BreadCrumbs
-   3. Pagination
-   4. Tabs
-   5. Slide
-8. **Lists**
-   1. Search List
-   2. Tree
-   3. Action List
-9. **Surface**
-   1. Accordion
-   2. Dropdown
-   3. Paper - box + shadow
-10. **Utils**
-    1. Scroll Syncer
-    2. Accordion groups
-    3. With Loader
-11. **Hooks**
-    1. ...

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 = function ColorPicker(_ref) {
+var ColorPicker = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var id = _ref.id,
     name = _ref.name,
     value = _ref.value,
@@ -104,9 +104,11 @@ var ColorPicker = function ColorPicker(_ref) {
     id: id,
     name: name,
     errors: errors,
-    disabled: disabled
+    disabled: disabled,
+    ref: ref
   }, 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;"}
+{"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;"}

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 = function ColorPickerPure(_ref) {
+var ColorPickerPure = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var id = _ref.id,
     name = _ref.name,
     errors = _ref.errors,
@@ -61,7 +61,8 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
       setIsColorPickerOpened(true);
     },
     disabled: disabled,
-    className: cn.cn('aurora-w-full', triggerClassName)
+    className: cn.cn('aurora-w-full', triggerClassName),
+    ref: ref
   }, !children && (/*#__PURE__*/React__default['default'].createElement(color_picker_input.ColorPickerInput, {
     id: id,
     name: name,
@@ -75,7 +76,8 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
   })), 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;"}
+{"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;"}

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 = function ColorPickerControl(_ref) {
+var ColorPickerControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var label$1 = _ref.label,
     tooltip = _ref.tooltip,
     _ref$required = _ref.required,
@@ -51,13 +51,14 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
     onSave: onSave,
     onPickShade: onPickShade,
     withGradient: withGradient,
-    disabled: disabled
+    disabled: disabled,
+    ref: ref
   }, 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;"}
+{"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;"}

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 = function MultiSelectControl(_ref) {
+var MultiSelectControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var id = _ref.id,
     options = _ref.options,
     placeholder = _ref.placeholder,
@@ -41,13 +41,14 @@ var MultiSelectControl = function MultiSelectControl(_ref) {
     placeholder: placeholder,
     disabled: disabled,
     onValueChange: onValueChange,
-    errors: errors
+    errors: errors,
+    ref: ref
   }, 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;"}
+{"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;"}

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 = function RadioGroupControl(_ref) {
+var RadioGroupControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var id = _ref.id,
     name = _ref.name,
     items = _ref.items,
@@ -54,7 +54,8 @@ var RadioGroupControl = function RadioGroupControl(_ref) {
     defaultValue: defaultValue,
     disabled: disabled,
     required: required,
-    onValueChange: onValueChange
+    onValueChange: onValueChange,
+    ref: ref
   }, rest), items.map(function (item) {
     return /*#__PURE__*/React__default['default'].createElement(radio_group_item.RadioGroupItem, {
       key: "radio-button-".concat(item.value),
@@ -69,7 +70,8 @@ var RadioGroupControl = function RadioGroupControl(_ref) {
   })), 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;"}
+{"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;"}

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 = function SelectControl(_ref) {
+var SelectControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var options = _ref.options,
     id = _ref.id,
     name = _ref.name,
@@ -54,13 +54,14 @@ var SelectControl = function SelectControl(_ref) {
     errors: errors,
     value: value,
     onValueChange: onValueChange,
-    onScroll: onScroll
+    onScroll: onScroll,
+    ref: ref
   }, 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;"}
+{"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/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 = function TextAreaControl(_ref) {
+var TextAreaControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var id = _ref.id,
     name = _ref.name,
     label$1 = _ref.label,
@@ -46,13 +46,14 @@ var TextAreaControl = function TextAreaControl(_ref) {
     disabled: disabled,
     readOnly: readOnly,
     errors: errors,
-    onChange: onChange
+    onChange: onChange,
+    ref: ref
   }, 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;"}
+{"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;"}

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 ValuesSyncerControl = function ValuesSyncerControl(_ref) {
+var ValuesSyncerControlInternal = function ValuesSyncerControlInternal(_ref, ref) {
   var label$1 = _ref.label,
     _ref$required = _ref.required,
     required = _ref$required === void 0 ? false : _ref$required,
@@ -45,13 +45,15 @@ var ValuesSyncerControl = function ValuesSyncerControl(_ref) {
     onLock: onLock,
     disableLockButton: disableLockButton,
     onChange: onChange,
-    className: className
+    className: className,
+    ref: ref
   }), 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;"}
+{"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;"}

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("button", {
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
     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,8 +129,13 @@ 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,
-    type: 'button'
+    role: 'button',
+    tabIndex: 0
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     onDragOver: onDragOver,
     onDragLeave: onDragLeave
@@ -138,8 +143,7 @@ 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("label", {
-    htmlFor: id,
+  }, topButtons && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, topButtons), /*#__PURE__*/React__default['default'].createElement("div", {
     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;"}
+{"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;"}

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

@@ -23,6 +23,9 @@ 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;"}
+{"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;"}

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 = function MultiSelect(_ref) {
+var MultiSelect = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var id = _ref.id,
     options = _ref.options,
     placeholder = _ref.placeholder,
@@ -48,7 +48,8 @@ var MultiSelect = function MultiSelect(_ref) {
   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)
+    hasErrors: !!(errors !== null && errors !== void 0 && errors.length),
+    ref: ref
   }, /*#__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) {
@@ -61,7 +62,7 @@ var MultiSelect = function MultiSelect(_ref) {
     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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/resizable/components/resizable_container.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var resizable_handle = require('./resizable_handle.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ResizableContainer = function ResizableContainer(_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    variant = _ref.variant,
+    onResize = _ref.onResize,
+    children = _ref.children;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-relative ".concat(className),
+    style: style
+  }, variant === 'horizontal' ? (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(resizable_handle.ResizableHandle, {
+    position: "left",
+    onMouseDown: function onMouseDown(e) {
+      return onResize(e, 'left');
+    }
+  }), /*#__PURE__*/React__default['default'].createElement(resizable_handle.ResizableHandle, {
+    position: "right",
+    onMouseDown: function onMouseDown(e) {
+      return onResize(e, 'right');
+    }
+  }))) : (/*#__PURE__*/React__default['default'].createElement(resizable_handle.ResizableHandle, {
+    position: variant,
+    onMouseDown: function onMouseDown(e) {
+      return onResize(e, variant);
+    }
+  })), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex-1"
+  }, children));
+};
+
+exports.ResizableContainer = ResizableContainer;
+//# sourceMappingURL=resizable_container.js.map

package/build/cjs/packages/aurora/src/components/resizable/components/resizable_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/resizable/components/resizable_handle.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('../../../utilities/cn.js');
+var resizable_container_constants = require('../resizable_container_constants.js');
+var use_resizable_context = require('../hooks/use_resizable_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ResizableHandle = function ResizableHandle(_ref) {
+  var position = _ref.position,
+    className = _ref.className,
+    onMouseDown = _ref.onMouseDown;
+  var _useResizableContext = use_resizable_context.useResizableContext(),
+    isResizing = _useResizableContext.isResizing;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: cn.cn("".concat(resizable_container_constants.RESIZABLE_CONTAINER_RESIZER_CLASS, " ").concat(className, " aurora-absolute aurora-top-0 aurora-bottom-0 aurora-cursor-col-resize aurora-transition-opacity aurora-duration-200 aurora-z-[99999] aurora-opacity-0 hover:aurora-opacity-100"), {
+      'aurora-opacity-100': isResizing
+    }),
+    style: {
+      paddingLeft: "".concat(resizable_container_constants.HANDLE_HOVER_SPACE, "px"),
+      paddingRight: "".concat(resizable_container_constants.HANDLE_HOVER_SPACE, "px"),
+      left: position === resizable_container_constants.RESIZE_HANDLE_VARIANTS.left ? "-".concat(resizable_container_constants.HANDLE_HOVER_SPACE, "px") : '',
+      right: position === resizable_container_constants.RESIZE_HANDLE_VARIANTS.right ? "-".concat(resizable_container_constants.HANDLE_HOVER_SPACE, "px") : ''
+    },
+    onMouseDown: onMouseDown
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: cn.cn('aurora-w-[2px] aurora-h-full aurora-bg-primary', {
+      'aurora-bg-primary-hover': isResizing
+    })
+  }));
+};
+
+exports.ResizableHandle = ResizableHandle;
+//# sourceMappingURL=resizable_handle.js.map

package/build/cjs/packages/aurora/src/components/resizable/components/resizable_handle.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/resizable/components/resizable_pure.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var resizable_container_constants = require('../resizable_container_constants.js');
+var use_resizable_context = require('../hooks/use_resizable_context.js');
+var resizable_container = require('./resizable_container.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ResizablePure = function ResizablePure(_ref) {
+  var children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? resizable_container_constants.RESIZE_HANDLE_VARIANTS.left : _ref$variant,
+    widthConfig = _ref.widthConfig,
+    onResize = _ref.onResize,
+    className = _ref.className;
+  var _useResizableContext = use_resizable_context.useResizableContext(),
+    currentWidth = _useResizableContext.currentWidth,
+    handleResizing = _useResizableContext.handleResizing,
+    isResizing = _useResizableContext.isResizing;
+  React.useEffect(function () {
+    onResize === null || onResize === void 0 ? void 0 : onResize(currentWidth, isResizing);
+  }, [currentWidth, isResizing, onResize]);
+  return /*#__PURE__*/React__default['default'].createElement(resizable_container.ResizableContainer, {
+    className: className || '',
+    style: {
+      width: currentWidth,
+      minWidth: widthConfig.min,
+      maxWidth: widthConfig.max
+    },
+    variant: variant,
+    onResize: handleResizing
+  }, children);
+};
+
+exports.ResizablePure = ResizablePure;
+//# sourceMappingURL=resizable_pure.js.map

package/build/cjs/packages/aurora/src/components/resizable/components/resizable_pure.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}