@dreamcommerce/aurora 2.21.0-9 → 2.21.0

package/build/cjs/packages/aurora/src/assets/icon_plus.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../css/icons/main.module.less.js');
+var icon = require('./icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var IconPlus = function IconPlus(_ref) {
+  var className = _ref.className,
+      onClick = _ref.onClick,
+      size = _ref.size;
+  return /*#__PURE__*/React__default['default'].createElement(icon['default'], null, /*#__PURE__*/React__default['default'].createElement("svg", {
+    width: "7",
+    height: "7",
+    viewBox: "0 0 7 7",
+    className: "".concat(className || '', " ").concat(main_module['default']["icon_".concat(size)]),
+    onClick: onClick,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default['default'].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.5 0C3.74162 0 3.9375 0.223858 3.9375 0.5V3.0625H6.5C6.77614 3.0625 7 3.25838 7 3.5C7 3.74162 6.77614 3.9375 6.5 3.9375H3.9375V6.5C3.9375 6.77614 3.74162 7 3.5 7C3.25838 7 3.0625 6.77614 3.0625 6.5V3.9375H0.5C0.223858 3.9375 0 3.74162 0 3.5C0 3.25838 0.223858 3.0625 0.5 3.0625H3.0625V0.5C3.0625 0.223858 3.25838 0 3.5 0Z",
+    fill: "white"
+  })));
+};
+
+exports.default = IconPlus;
+//# sourceMappingURL=icon_plus.js.map

package/build/cjs/packages/aurora/src/assets/icon_plus.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;"}

package/build/cjs/packages/aurora/src/components/color_picker_new/color_picker_utils.js

@@ -24,8 +24,8 @@ var ColorPickerUtils = /*#__PURE__*/function () {
 
       return {
         gradientType: gradient.gradientType,
-        angle: gradient.gradientType === constants.GRADIENT_TYPES.radial ? null : parseFloat((_gradient$degrees = gradient.degrees) !== null && _gradient$degrees !== void 0 ? _gradient$degrees : '90deg'),
-        radialShape: gradient.gradientType === constants.GRADIENT_TYPES.radial ? constants.GRADIENT_RADIAL_SHAPES.circle : null,
+        angle: gradient.gradientType === constants.GRADIENT_TYPES.radial ? undefined : parseFloat((_gradient$degrees = gradient.degrees) !== null && _gradient$degrees !== void 0 ? _gradient$degrees : '90deg'),
+        radialShape: gradient.gradientType === constants.GRADIENT_TYPES.radial ? constants.GRADIENT_RADIAL_SHAPES.circle : undefined,
         colors: gradient.colors.map(function (_ref) {
           var left = _ref.left,
               value = _ref.value;

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_controls.js

@@ -29,14 +29,11 @@ var ColorPickerControls = function ColorPickerControls() {
       t = _useTranslation.t;
 
   var _useColorPicker = use_color_picker.useColorPicker(),
-      gradientType = _useColorPicker.gradientType;
+      withGradient = _useColorPicker.withGradient,
+      gradientType = _useColorPicker.gradientType,
+      isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
 
   var isLinearGradient = gradientType === constants.GRADIENT_TYPES.linear;
-
-  var _useColorPicker2 = use_color_picker.useColorPicker(),
-      withGradient = _useColorPicker2.withGradient,
-      isCurrentValueGradient = _useColorPicker2.isCurrentValueGradient;
-
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(index['default'], {
     className: main_module['default'][css_classes.cssColorPickerControls],
     justify: withGradient ? 'space-between' : 'flex-end'
@@ -48,11 +45,11 @@ var ColorPickerControls = function ColorPickerControls() {
     onSelect: handleChange
   }))), withGradient && isCurrentValueGradient ? /*#__PURE__*/React__default['default'].createElement(index['default'], {
     justify: isLinearGradient ? 'space-between' : 'flex-end'
-  }, isLinearGradient ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(color_picker_gradient_angle.ColorPickerGradientAngle, null), " ", /*#__PURE__*/React__default['default'].createElement(GradientControls['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, isLinearGradient ? /*#__PURE__*/React__default['default'].createElement(color_picker_gradient_angle.ColorPickerGradientAngle, null) : null, ' ', /*#__PURE__*/React__default['default'].createElement(GradientControls['default'], {
     hideGradientType: true,
     hideGradientAngle: true,
     hideGradientStop: true
-  })) : null) : null, withGradient && isCurrentValueGradient ? /*#__PURE__*/React__default['default'].createElement(index['default'], null, /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
+  }))) : null, withGradient && isCurrentValueGradient ? /*#__PURE__*/React__default['default'].createElement(index['default'], null, /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
     content: t('Add color'),
     left: true
   }, /*#__PURE__*/React__default['default'].createElement(GradientBar['default'], null))) : null);

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_controls.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,sBAAsB,iFAAqF;AAC3G;AACA;AACA;AACA,yBAAyB,+FAAmG;AAC5H;AACA,+BAA+B,qGAAyG;AACxI,0BAA0B,gGAAoG;AAC9H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,iFAAqF;AAC3G;AACA;AACA;AACA,yBAAyB,+FAAmG;AAC5H;AACA,+BAA+B,qGAAyG;AACxI,0BAA0B,gGAAoG;AAC9H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_new/hooks/setup_color_piceker.js

@@ -41,7 +41,7 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
       prevInitialColor = _useState8[0],
       setPrevInitialColor = _useState8[1];
 
-  var withGradient = isWithGradient || initialColorObject.value;
+  var withGradient = isWithGradient || color_picker_utils.ColorPickerUtils.isGradient(initialColorObject.value);
 
   var _useState9 = React.useState(false),
       _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),

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

@@ -26,8 +26,7 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
     initialColor: initialColor,
     onChange: onChange,
     onCancel: onCancel,
-    onSave: onSave,
-    withGradient: isWithGradient
+    onSave: onSave
   }),
       color = _useSetupColorPicker.color,
       setColor = _useSetupColorPicker.setColor,
@@ -77,18 +76,13 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       setIsColorPickerOpened: setIsColorPickerOpened
     };
   }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, setIsColorPickerOpened]);
-  return (
-    /*#__PURE__*/
-    // TODO fixnac
-    // @ts-ignore
-    React__default['default'].createElement(context.ColorPickerNewContext.Provider, {
-      value: value
-    }, /*#__PURE__*/React__default['default'].createElement(pure_color_picker['default'], {
-      id: id,
-      name: name,
-      colorVariables: colorVariables
-    }))
-  );
+  return /*#__PURE__*/React__default['default'].createElement(context.ColorPickerNewContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React__default['default'].createElement(pure_color_picker['default'], {
+    id: id,
+    name: name,
+    colorVariables: colorVariables
+  }));
 };
 
 exports.default = ColorPickerNewWithContext;

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

package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js

@@ -39,7 +39,7 @@ var TreeNode = function TreeNode(_ref) {
   var Label = LabelComponent ? LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
     node: node,
     isLeaf: !children
-  }) : /*#__PURE__*/React__default['default'].createElement("span", {
+  }) : /*#__PURE__*/React__default['default'].createElement("div", {
     tabIndex: !children ? 0 : -1,
     className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent], css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent)
   }, node.label ? node.label : node.id);

package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var css_classes = require('../../css_classes.js');
+var main_module = require('../../../../css/tree/main.module.less.js');
+var tree_node_add_actions = require('./tree_node_add_actions.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TreeNodeAdd = function TreeNodeAdd(_ref) {
+  var label = _ref.label,
+      onClick = _ref.onClick,
+      actions = _ref.actions,
+      isTreeNodeAddDropdownOpened = _ref.isTreeNodeAddDropdownOpened;
+
+  var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      isNodeHovered = _useState2[0],
+      setIsNodeHovered = _useState2[1];
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddWrapper],
+    onMouseEnter: function onMouseEnter() {
+      return setIsNodeHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsNodeHovered(false);
+    }
+  }, isNodeHovered && /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAdd],
+    onClick: onClick
+  }, label ? /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "".concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
+  }, label) : /*#__PURE__*/React__default['default'].createElement(tree_node_add_actions.TreeNodeAddActions, {
+    actions: actions
+  })));
+};
+
+exports.TreeNodeAdd = TreeNodeAdd;
+//# sourceMappingURL=tree_node_add.js.map

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

package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var dropdown = require('../../../dropdown/components/dropdown.js');
+var tree_node_add_actions_content = require('./tree_node_add_actions_content.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TreeNodeAddActions = function TreeNodeAddActions(_ref) {
+  var actions = _ref.actions;
+  return /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(tree_node_add_actions_content.TreeNodeAddActionsContent, {
+    actions: actions
+  }));
+};
+
+exports.TreeNodeAddActions = TreeNodeAddActions;
+exports.default = TreeNodeAddActions;
+//# sourceMappingURL=tree_node_add_actions.js.map

package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.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;"}

package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index$1 = require('../../../stack/index.js');
+var index = require('../../../dropdown/context/index.js');
+var dropdown = require('../../../dropdown/components/dropdown.js');
+var css_classes = require('../../css_classes.js');
+var main_module = require('../../../../css/tree/main.module.less.js');
+var tree_node_add_context = require('../../context/tree_node_add_context.js');
+var icon_plus = require('../../../../assets/icon_plus.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TreeNodeAddActionsContent = function TreeNodeAddActionsContent(_ref) {
+  var actions = _ref.actions;
+
+  var _useContext = React.useContext(tree_node_add_context.TreeNodeAddContext),
+      setIsTreeNodeAddDropdownOpened = _useContext.setIsTreeNodeAddDropdownOpened;
+
+  var _useDropdownContext = index.useDropdownContext(),
+      isOpen = _useDropdownContext.isOpen;
+
+  React.useEffect(function () {
+    setIsTreeNodeAddDropdownOpened(!!isOpen);
+  }, [isOpen]);
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "".concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel], " ").concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabelIcon])
+  }, /*#__PURE__*/React__default['default'].createElement(icon_plus['default'], null))), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].MemoizedContent, {
+    shouldCloseOnScroll: false,
+    shouldCloseOthersOnOpen: true
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddActions]
+  }, actions === null || actions === void 0 ? void 0 : actions.map(function (_ref2, index) {
+    var Icon = _ref2.Icon,
+        label = _ref2.label,
+        onClick = _ref2.onClick;
+    return /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
+      align: "center",
+      spacing: 12,
+      key: "tree-node-action-".concat(index),
+      className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
+      onClick: onClick
+    }, /*#__PURE__*/React__default['default'].createElement(Icon, null), label);
+  }))));
+};
+
+exports.TreeNodeAddActionsContent = TreeNodeAddActionsContent;
+exports.default = TreeNodeAddActionsContent;
+//# sourceMappingURL=tree_node_add_actions_content.js.map

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

package/build/cjs/packages/aurora/src/components/tree/constants.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TREE_ROLE_ATTRIBUTE = 'tree';
+
+exports.TREE_ROLE_ATTRIBUTE = TREE_ROLE_ATTRIBUTE;
+//# sourceMappingURL=constants.js.map

package/build/cjs/packages/aurora/src/components/tree/constants.js.map

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

package/build/cjs/packages/aurora/src/components/tree/context/tree_node_add_context.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var TreeNodeAddContext = /*#__PURE__*/React.createContext({
+  setIsTreeNodeAddDropdownOpened: function setIsTreeNodeAddDropdownOpened() {}
+});
+
+exports.TreeNodeAddContext = TreeNodeAddContext;
+//# sourceMappingURL=tree_node_add_context.js.map

package/build/cjs/packages/aurora/src/components/tree/context/tree_node_add_context.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;"}

package/build/cjs/packages/aurora/src/components/tree/css_classes.js

@@ -24,7 +24,16 @@ var TREE_NODE_CSS_CLASSES = {
   treeNodeExpanded: "".concat(treeNodeBaseCssClass, "_expanded"),
   treeNodeDisabled: "".concat(treeNodeBaseCssClass, "_disabled"),
   treeNodeFocused: "".concat(treeNodeBaseCssClass, "_focused"),
-  treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children")
+  treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children"),
+  treeNodeAdd: "".concat(treeNodeBaseCssClass, "__add"),
+  treeNodeAddWrapper: "".concat(treeNodeBaseCssClass, "__add-wrapper"),
+  treeNodeAddLabel: "".concat(treeNodeBaseCssClass, "__add-label"),
+  treeNodeAddLabelIcon: "".concat(treeNodeBaseCssClass, "__add-label_icon"),
+  treeNodeAddSection: "".concat(treeNodeBaseCssClass, "__add_section"),
+  treeNodeAddRow: "".concat(treeNodeBaseCssClass, "__add_row"),
+  treeNodeAddColumn: "".concat(treeNodeBaseCssClass, "__add_column"),
+  treeNodeAddActions: "".concat(treeNodeBaseCssClass, "__add_actions"),
+  treeNodeAddActionsItem: "".concat(treeNodeBaseCssClass, "__add_actions-item")
 };
 
 exports.TREE_CSS_CLASSES = TREE_CSS_CLASSES;

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

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
-var tree_provider = require('./context/tree_provider.js');
 var css_classes = require('./css_classes.js');
+var constants = require('./constants.js');
+var tree_provider = require('./context/tree_provider.js');
 var main_module = require('../../css/tree/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -20,6 +21,7 @@ var Tree = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref
       onMouseEnter = _ref.onMouseEnter,
       onMouseLeave = _ref.onMouseLeave;
   return /*#__PURE__*/React__default['default'].createElement(tree_provider.TreeProvider, null, /*#__PURE__*/React__default['default'].createElement("ul", {
+    role: constants.TREE_ROLE_ATTRIBUTE,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     ref: ref,

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

package/build/cjs/packages/aurora/src/css/tree/main.module.less.js

@@ -4,18 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = ".main-module_tree__3D4e3 {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px 8px 0;\n  cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n  transition: rotate 250ms ease-out;\n  rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n  rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n  display: flex;\n}\n.main-module_tree-node__label__DT728 {\n  display: flex;\n  align-items: center;\n  background: none;\n}\n.main-module_tree-node__children__QyEOR {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 8px;\n  transform-origin: top center;\n  transition: opacity 250ms ease-out, scale 250ms ease-out;\n  padding-left: 16px;\n  list-style: none;\n  will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n  opacity: 0;\n  scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n  opacity: 1;\n  scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n  opacity: 1;\n  scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n  opacity: 0;\n  scale: 1 0;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tree__3D4e3 {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-top: 15px;\n  padding-bottom: 10px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px 8px 0;\n  cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n  transition: rotate 250ms ease-out;\n  rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n  rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n  display: flex;\n}\n.main-module_tree-node__label__DT728 {\n  display: flex;\n  align-items: center;\n  background: none;\n}\n.main-module_tree-node__label-content__2UM83 {\n  width: 100%;\n}\n.main-module_tree-node__children__QyEOR {\n  display: flex;\n  flex-direction: column;\n  gap: 11px;\n  margin-top: 8px;\n  transform-origin: top center;\n  transition: opacity 250ms ease-out, scale 250ms ease-out;\n  padding-left: 16px;\n  list-style: none;\n  will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n  opacity: 0;\n  scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n  opacity: 1;\n  scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n  opacity: 1;\n  scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n  opacity: 0;\n  scale: 1 0;\n}\n.main-module_tree-node__add__2SAM_ {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n}\n.main-module_tree-node__add__2SAM_::before {\n  content: '';\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 2px;\n  background-color: #2d3748;\n}\n.main-module_tree-node__add-wrapper__2LbV9 {\n  width: 100%;\n  margin: -5px 0;\n  padding: 3px 0;\n  transform: translateY(-1px);\n}\n.main-module_tree-node__add-label__iKmMX {\n  position: absolute;\n  padding: 2px 8px;\n  font-size: 12px;\n  color: #fff;\n  background-color: #2d3748;\n  border-radius: 12px;\n  z-index: 10;\n}\n.main-module_tree-node__add-label_icon__1AQh- {\n  top: -10px;\n  padding: 2px 6px;\n}\n.main-module_tree-node__add_actions__1zDT2 {\n  padding: 5px 8px;\n}\n.main-module_tree-node__add_actions-item__vIaYV {\n  cursor: pointer;\n  color: #2d3748;\n}\n.main-module_tree-node__add_actions-item__vIaYV:not(:last-child) {\n  margin-bottom: 15px;\n}\n";
 var cssClasses = {
   "tree": "main-module_tree__3D4e3",
   "tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
   "tree-node__toggler-btn_expanded": "main-module_tree-node__toggler-btn_expanded__17Joe",
   "tree-node__toggler-btn-icon": "main-module_tree-node__toggler-btn-icon__OA4tk",
   "tree-node__label": "main-module_tree-node__label__DT728",
+  "tree-node__label-content": "main-module_tree-node__label-content__2UM83",
   "tree-node__children": "main-module_tree-node__children__QyEOR",
   "tree-node__children-enter": "main-module_tree-node__children-enter__vxFO-",
   "tree-node__children-enter-active": "main-module_tree-node__children-enter-active__T6XIS",
   "tree-node__children-exit": "main-module_tree-node__children-exit__1NXHe",
-  "tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI"
+  "tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI",
+  "tree-node__add": "main-module_tree-node__add__2SAM_",
+  "tree-node__add-wrapper": "main-module_tree-node__add-wrapper__2LbV9",
+  "tree-node__add-label": "main-module_tree-node__add-label__iKmMX",
+  "tree-node__add-label_icon": "main-module_tree-node__add-label_icon__1AQh-",
+  "tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
+  "tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
 };
 styleInject_es['default'](css_248z);
 

package/build/cjs/packages/aurora/src/css/tree/main.module.less.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;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,6BAA6B,8DAAkE;AAC/F;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/index.js

@@ -93,6 +93,7 @@ var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js')
 var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
 var index$Q = require('./components/tree/index.js');
 var tree_node = require('./components/tree/components/tree_node.js');
+var tree_node_add = require('./components/tree/components/tree_node_add/tree_node_add.js');
 var values_syncer = require('./components/controls/components/values_syncer.js');
 var index$M = require('./components/with_loader/index.js');
 
@@ -192,6 +193,7 @@ exports.TabsPanelList = tabs_panel_list.TabsPanelList;
 exports.TabsWrapper = tabs_wrapper['default'];
 exports.Tree = index$Q.Tree;
 exports.TreeNode = tree_node.TreeNode;
+exports.TreeNodeAdd = tree_node_add.TreeNodeAdd;
 exports.ValuesSyncer = values_syncer['default'];
 exports.WithLoader = index$M['default'];
 //# 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;"}
+{"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;"}

package/build/esm/packages/aurora/src/assets/icon_plus.d.ts

@@ -0,0 +1,4 @@
+import { IIconProps } from './types';
+import React from 'react';
+declare const IconPlus: React.FC<IIconProps>;
+export default IconPlus;

package/build/esm/packages/aurora/src/assets/icon_plus.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import cssClasses from '../css/icons/main.module.less.js';
+import Icon from './icon.js';
+
+var IconPlus = function IconPlus(_ref) {
+  var className = _ref.className,
+      onClick = _ref.onClick,
+      size = _ref.size;
+  return /*#__PURE__*/React.createElement(Icon, null, /*#__PURE__*/React.createElement("svg", {
+    width: "7",
+    height: "7",
+    viewBox: "0 0 7 7",
+    className: "".concat(className || '', " ").concat(cssClasses["icon_".concat(size)]),
+    onClick: onClick,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.5 0C3.74162 0 3.9375 0.223858 3.9375 0.5V3.0625H6.5C6.77614 3.0625 7 3.25838 7 3.5C7 3.74162 6.77614 3.9375 6.5 3.9375H3.9375V6.5C3.9375 6.77614 3.74162 7 3.5 7C3.25838 7 3.0625 6.77614 3.0625 6.5V3.9375H0.5C0.223858 3.9375 0 3.74162 0 3.5C0 3.25838 0.223858 3.0625 0.5 3.0625H3.0625V0.5C3.0625 0.223858 3.25838 0 3.5 0Z",
+    fill: "white"
+  })));
+};
+
+export default IconPlus;
+//# sourceMappingURL=icon_plus.js.map

package/build/esm/packages/aurora/src/assets/icon_plus.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/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.js

@@ -20,8 +20,8 @@ var ColorPickerUtils = /*#__PURE__*/function () {
 
       return {
         gradientType: gradient.gradientType,
-        angle: gradient.gradientType === GRADIENT_TYPES.radial ? null : parseFloat((_gradient$degrees = gradient.degrees) !== null && _gradient$degrees !== void 0 ? _gradient$degrees : '90deg'),
-        radialShape: gradient.gradientType === GRADIENT_TYPES.radial ? GRADIENT_RADIAL_SHAPES.circle : null,
+        angle: gradient.gradientType === GRADIENT_TYPES.radial ? undefined : parseFloat((_gradient$degrees = gradient.degrees) !== null && _gradient$degrees !== void 0 ? _gradient$degrees : '90deg'),
+        radialShape: gradient.gradientType === GRADIENT_TYPES.radial ? GRADIENT_RADIAL_SHAPES.circle : undefined,
         colors: gradient.colors.map(function (_ref) {
           var left = _ref.left,
               value = _ref.value;

package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_controls.js

@@ -21,14 +21,11 @@ var ColorPickerControls = function ColorPickerControls() {
       t = _useTranslation.t;
 
   var _useColorPicker = useColorPicker(),
-      gradientType = _useColorPicker.gradientType;
+      withGradient = _useColorPicker.withGradient,
+      gradientType = _useColorPicker.gradientType,
+      isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
 
   var isLinearGradient = gradientType === GRADIENT_TYPES.linear;
-
-  var _useColorPicker2 = useColorPicker(),
-      withGradient = _useColorPicker2.withGradient,
-      isCurrentValueGradient = _useColorPicker2.isCurrentValueGradient;
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
     className: styles[cssColorPickerControls],
     justify: withGradient ? 'space-between' : 'flex-end'
@@ -40,11 +37,11 @@ var ColorPickerControls = function ColorPickerControls() {
     onSelect: handleChange
   }))), withGradient && isCurrentValueGradient ? /*#__PURE__*/React.createElement(Stack, {
     justify: isLinearGradient ? 'space-between' : 'flex-end'
-  }, isLinearGradient ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPickerGradientAngle, null), " ", /*#__PURE__*/React.createElement(GradientControls, {
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, isLinearGradient ? /*#__PURE__*/React.createElement(ColorPickerGradientAngle, null) : null, ' ', /*#__PURE__*/React.createElement(GradientControls, {
     hideGradientType: true,
     hideGradientAngle: true,
     hideGradientStop: true
-  })) : null) : null, withGradient && isCurrentValueGradient ? /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Tooltip, {
+  }))) : null, withGradient && isCurrentValueGradient ? /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Tooltip, {
     content: t('Add color'),
     left: true
   }, /*#__PURE__*/React.createElement(GradientBar, null))) : null);

package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_controls.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA,0BAA0B,iFAAqF;AAC/G;AACA;AACA;AACA,oBAAoB,+FAAmG;AACvH;AACA,6BAA6B,qGAAyG;AACtI,wBAAwB,gGAAoG;AAC5H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,0BAA0B,iFAAqF;AAC/G;AACA;AACA;AACA,oBAAoB,+FAAmG;AACvH;AACA,6BAA6B,qGAAyG;AACtI,wBAAwB,gGAAoG;AAC5H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_new/hooks/setup_color_piceker.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColorPickerVariable, IColorPickerColor, IColorPickerColorVariables } from '../types';
+import { ColorPickerVariable, IColorPickerColor, IColorPickerColorVariables, TGradientType } from '../types';
 export declare type ColorPickerHookProps = {
     initialColor?: string | ColorPickerVariable;
     onChange?: (color: IColorPickerColor) => void;
@@ -28,8 +28,8 @@ declare const useSetupColorPicker: ({ initialColor, onChange, onCancel, onSave,
     setSolid: (value?: string) => void;
     setRadial: (value?: string) => void;
     setLinear: (value?: string) => void;
-    gradientType: string | undefined;
-    withGradient: string | true;
+    gradientType: TGradientType;
+    withGradient: boolean;
     setIsColorPickerOpened: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };
 export default useSetupColorPicker;

package/build/esm/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js

@@ -37,7 +37,7 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
       prevInitialColor = _useState8[0],
       setPrevInitialColor = _useState8[1];
 
-  var withGradient = isWithGradient || initialColorObject.value;
+  var withGradient = isWithGradient || ColorPickerUtils.isGradient(initialColorObject.value);
 
   var _useState9 = useState(false),
       _useState10 = _slicedToArray(_useState9, 2),

package/build/esm/packages/aurora/src/components/color_picker_new/index.js

@@ -18,8 +18,7 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
     initialColor: initialColor,
     onChange: onChange,
     onCancel: onCancel,
-    onSave: onSave,
-    withGradient: isWithGradient
+    onSave: onSave
   }),
       color = _useSetupColorPicker.color,
       setColor = _useSetupColorPicker.setColor,
@@ -69,18 +68,13 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       setIsColorPickerOpened: setIsColorPickerOpened
     };
   }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, setIsColorPickerOpened]);
-  return (
-    /*#__PURE__*/
-    // TODO fixnac
-    // @ts-ignore
-    React.createElement(ColorPickerNewContext.Provider, {
-      value: value
-    }, /*#__PURE__*/React.createElement(ColorPickerNewPure, {
-      id: id,
-      name: name,
-      colorVariables: colorVariables
-    }))
-  );
+  return /*#__PURE__*/React.createElement(ColorPickerNewContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React.createElement(ColorPickerNewPure, {
+    id: id,
+    name: name,
+    colorVariables: colorVariables
+  }));
 };
 
 export default ColorPickerNewWithContext;

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

package/build/esm/packages/aurora/src/components/color_picker_new/types.d.ts

@@ -85,9 +85,9 @@ export declare type TGradientColorStop = {
 export declare type TGradientRadialShape = Any.Keys<typeof GRADIENT_RADIAL_SHAPES>;
 export declare type TGradientObject = {
     gradientType: TGradientType;
-    radialShape: TGradientRadialShape | null;
-    angle: number | null;
     colors: TGradientColorStop[];
+    radialShape?: TGradientRadialShape;
+    angle?: number;
 };
 export declare type TGradientColoPickerLibGradientObject = {
     isGradient: boolean;

package/build/esm/packages/aurora/src/components/tree/components/tree_node.js

@@ -30,7 +30,7 @@ var TreeNode = function TreeNode(_ref) {
   var Label = LabelComponent ? LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
     node: node,
     isLeaf: !children
-  }) : /*#__PURE__*/React.createElement("span", {
+  }) : /*#__PURE__*/React.createElement("div", {
     tabIndex: !children ? 0 : -1,
     className: classnames(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeLabelContent], TREE_NODE_CSS_CLASSES.treeNodeLabelContent)
   }, node.label ? node.label : node.id);

package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts

@@ -0,0 +1,10 @@
+import { ITreeNodeAddAction } from "../../types";
+declare type TTreeNodeAddProps = {
+    label?: string;
+    onClick?: () => void;
+    actions?: ITreeNodeAddAction[];
+    isTreeNodeAddDropdownOpened?: boolean;
+};
+export declare const TreeNodeAdd: ({ label, onClick, actions, isTreeNodeAddDropdownOpened }: TTreeNodeAddProps) => JSX.Element;
+export declare const TreeNodeAddWithProvider: ({ label, onClick, actions }: TTreeNodeAddProps) => JSX.Element;
+export default TreeNodeAddWithProvider;

package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js

@@ -0,0 +1,37 @@
+import React, { useState } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { TREE_NODE_CSS_CLASSES } from '../../css_classes.js';
+import cssClasses from '../../../../css/tree/main.module.less.js';
+import { TreeNodeAddActions } from './tree_node_add_actions.js';
+
+var TreeNodeAdd = function TreeNodeAdd(_ref) {
+  var label = _ref.label,
+      onClick = _ref.onClick,
+      actions = _ref.actions,
+      isTreeNodeAddDropdownOpened = _ref.isTreeNodeAddDropdownOpened;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isNodeHovered = _useState2[0],
+      setIsNodeHovered = _useState2[1];
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddWrapper],
+    onMouseEnter: function onMouseEnter() {
+      return setIsNodeHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsNodeHovered(false);
+    }
+  }, isNodeHovered && /*#__PURE__*/React.createElement("div", {
+    className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAdd],
+    onClick: onClick
+  }, label ? /*#__PURE__*/React.createElement("span", {
+    className: "".concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
+  }, label) : /*#__PURE__*/React.createElement(TreeNodeAddActions, {
+    actions: actions
+  })));
+};
+
+export { TreeNodeAdd };
+//# sourceMappingURL=tree_node_add.js.map

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

package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.d.ts

@@ -0,0 +1,6 @@
+import { ITreeNodeAddAction } from "../../types";
+declare type TTreeNodeAddActionsProps = {
+    actions?: ITreeNodeAddAction[];
+};
+export declare const TreeNodeAddActions: ({ actions }: TTreeNodeAddActionsProps) => JSX.Element;
+export default TreeNodeAddActions;

package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import Dropdown from '../../../dropdown/components/dropdown.js';
+import { TreeNodeAddActionsContent } from './tree_node_add_actions_content.js';
+
+var TreeNodeAddActions = function TreeNodeAddActions(_ref) {
+  var actions = _ref.actions;
+  return /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(TreeNodeAddActionsContent, {
+    actions: actions
+  }));
+};
+
+export default TreeNodeAddActions;
+export { TreeNodeAddActions };
+//# sourceMappingURL=tree_node_add_actions.js.map

package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.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;"}

package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.d.ts

@@ -0,0 +1,6 @@
+import { ITreeNodeAddAction } from "../../types";
+declare type TTreeNodeAddActionsContentProps = {
+    actions?: ITreeNodeAddAction[];
+};
+export declare const TreeNodeAddActionsContent: ({ actions }: TTreeNodeAddActionsContentProps) => JSX.Element;
+export default TreeNodeAddActionsContent;

package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js

@@ -0,0 +1,45 @@
+import React, { useContext, useEffect } from 'react';
+import Stack from '../../../stack/index.js';
+import { useDropdownContext } from '../../../dropdown/context/index.js';
+import Dropdown from '../../../dropdown/components/dropdown.js';
+import { TREE_NODE_CSS_CLASSES } from '../../css_classes.js';
+import cssClasses from '../../../../css/tree/main.module.less.js';
+import { TreeNodeAddContext } from '../../context/tree_node_add_context.js';
+import IconPlus from '../../../../assets/icon_plus.js';
+
+var TreeNodeAddActionsContent = function TreeNodeAddActionsContent(_ref) {
+  var actions = _ref.actions;
+
+  var _useContext = useContext(TreeNodeAddContext),
+      setIsTreeNodeAddDropdownOpened = _useContext.setIsTreeNodeAddDropdownOpened;
+
+  var _useDropdownContext = useDropdownContext(),
+      isOpen = _useDropdownContext.isOpen;
+
+  useEffect(function () {
+    setIsTreeNodeAddDropdownOpened(!!isOpen);
+  }, [isOpen]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown.CustomLabel, null, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabel], " ").concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabelIcon])
+  }, /*#__PURE__*/React.createElement(IconPlus, null))), /*#__PURE__*/React.createElement(Dropdown.MemoizedContent, {
+    shouldCloseOnScroll: false,
+    shouldCloseOthersOnOpen: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddActions]
+  }, actions === null || actions === void 0 ? void 0 : actions.map(function (_ref2, index) {
+    var Icon = _ref2.Icon,
+        label = _ref2.label,
+        onClick = _ref2.onClick;
+    return /*#__PURE__*/React.createElement(Stack, {
+      align: "center",
+      spacing: 12,
+      key: "tree-node-action-".concat(index),
+      className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement(Icon, null), label);
+  }))));
+};
+
+export default TreeNodeAddActionsContent;
+export { TreeNodeAddActionsContent };
+//# sourceMappingURL=tree_node_add_actions_content.js.map

package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.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;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/tree/constants.d.ts

@@ -0,0 +1 @@
+export declare const TREE_ROLE_ATTRIBUTE = "tree";

package/build/esm/packages/aurora/src/components/tree/constants.js

@@ -0,0 +1,4 @@
+var TREE_ROLE_ATTRIBUTE = 'tree';
+
+export { TREE_ROLE_ATTRIBUTE };
+//# sourceMappingURL=constants.js.map

package/build/esm/packages/aurora/src/components/tree/constants.js.map

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

package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ITreeNodeAddContext {
+    setIsTreeNodeAddDropdownOpened: (isOpen: boolean) => void;
+}
+export declare const TreeNodeAddContext: import("react").Context<ITreeNodeAddContext>;

package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+var TreeNodeAddContext = /*#__PURE__*/createContext({
+  setIsTreeNodeAddDropdownOpened: function setIsTreeNodeAddDropdownOpened() {}
+});
+
+export { TreeNodeAddContext };
+//# sourceMappingURL=tree_node_add_context.js.map

package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.js.map

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

package/build/esm/packages/aurora/src/components/tree/css_classes.d.ts

@@ -19,4 +19,13 @@ export declare const TREE_NODE_CSS_CLASSES: {
     readonly treeNodeDisabled: "tree-node_disabled";
     readonly treeNodeFocused: "tree-node_focused";
     readonly treeNodeWithoutChildren: "tree-node_without-children";
+    readonly treeNodeAdd: "tree-node__add";
+    readonly treeNodeAddWrapper: "tree-node__add-wrapper";
+    readonly treeNodeAddLabel: "tree-node__add-label";
+    readonly treeNodeAddLabelIcon: "tree-node__add-label_icon";
+    readonly treeNodeAddSection: "tree-node__add_section";
+    readonly treeNodeAddRow: "tree-node__add_row";
+    readonly treeNodeAddColumn: "tree-node__add_column";
+    readonly treeNodeAddActions: "tree-node__add_actions";
+    readonly treeNodeAddActionsItem: "tree-node__add_actions-item";
 };

package/build/esm/packages/aurora/src/components/tree/css_classes.js

@@ -20,7 +20,16 @@ var TREE_NODE_CSS_CLASSES = {
   treeNodeExpanded: "".concat(treeNodeBaseCssClass, "_expanded"),
   treeNodeDisabled: "".concat(treeNodeBaseCssClass, "_disabled"),
   treeNodeFocused: "".concat(treeNodeBaseCssClass, "_focused"),
-  treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children")
+  treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children"),
+  treeNodeAdd: "".concat(treeNodeBaseCssClass, "__add"),
+  treeNodeAddWrapper: "".concat(treeNodeBaseCssClass, "__add-wrapper"),
+  treeNodeAddLabel: "".concat(treeNodeBaseCssClass, "__add-label"),
+  treeNodeAddLabelIcon: "".concat(treeNodeBaseCssClass, "__add-label_icon"),
+  treeNodeAddSection: "".concat(treeNodeBaseCssClass, "__add_section"),
+  treeNodeAddRow: "".concat(treeNodeBaseCssClass, "__add_row"),
+  treeNodeAddColumn: "".concat(treeNodeBaseCssClass, "__add_column"),
+  treeNodeAddActions: "".concat(treeNodeBaseCssClass, "__add_actions"),
+  treeNodeAddActionsItem: "".concat(treeNodeBaseCssClass, "__add_actions-item")
 };
 
 export { TREE_CSS_CLASSES, TREE_NODE_CSS_CLASSES };

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

package/build/esm/packages/aurora/src/components/tree/index.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import classnames from 'classnames';
-import { TreeProvider } from './context/tree_provider.js';
 import { TREE_CSS_CLASSES } from './css_classes.js';
+import { TREE_ROLE_ATTRIBUTE } from './constants.js';
+import { TreeProvider } from './context/tree_provider.js';
 import cssClasses from '../../css/tree/main.module.less.js';
 
 var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -11,6 +12,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onMouseEnter = _ref.onMouseEnter,
       onMouseLeave = _ref.onMouseLeave;
   return /*#__PURE__*/React.createElement(TreeProvider, null, /*#__PURE__*/React.createElement("ul", {
+    role: TREE_ROLE_ATTRIBUTE,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     ref: ref,

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IIconProps } from "../../assets/types";
+export interface ITreeNodeAddAction {
+    Icon: React.FC<IIconProps>;
+    label: string;
+    onClick: () => void;
+}

package/build/esm/packages/aurora/src/components/tree/types.js

@@ -0,0 +1,2 @@
+import '@auroraAssets/types';
+//# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/tree/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/tree/types.ts"],"names":[],"mappings":"AAAA,OAA2B,qBAAqB,CAAC"}

package/build/esm/packages/aurora/src/css/tree/main.module.less.js

@@ -1,17 +1,24 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".main-module_tree__3D4e3 {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px 8px 0;\n  cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n  transition: rotate 250ms ease-out;\n  rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n  rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n  display: flex;\n}\n.main-module_tree-node__label__DT728 {\n  display: flex;\n  align-items: center;\n  background: none;\n}\n.main-module_tree-node__children__QyEOR {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 8px;\n  transform-origin: top center;\n  transition: opacity 250ms ease-out, scale 250ms ease-out;\n  padding-left: 16px;\n  list-style: none;\n  will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n  opacity: 0;\n  scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n  opacity: 1;\n  scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n  opacity: 1;\n  scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n  opacity: 0;\n  scale: 1 0;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tree__3D4e3 {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-top: 15px;\n  padding-bottom: 10px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px 8px 0;\n  cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n  transition: rotate 250ms ease-out;\n  rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n  rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n  display: flex;\n}\n.main-module_tree-node__label__DT728 {\n  display: flex;\n  align-items: center;\n  background: none;\n}\n.main-module_tree-node__label-content__2UM83 {\n  width: 100%;\n}\n.main-module_tree-node__children__QyEOR {\n  display: flex;\n  flex-direction: column;\n  gap: 11px;\n  margin-top: 8px;\n  transform-origin: top center;\n  transition: opacity 250ms ease-out, scale 250ms ease-out;\n  padding-left: 16px;\n  list-style: none;\n  will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n  opacity: 0;\n  scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n  opacity: 1;\n  scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n  opacity: 1;\n  scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n  opacity: 0;\n  scale: 1 0;\n}\n.main-module_tree-node__add__2SAM_ {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n}\n.main-module_tree-node__add__2SAM_::before {\n  content: '';\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 2px;\n  background-color: #2d3748;\n}\n.main-module_tree-node__add-wrapper__2LbV9 {\n  width: 100%;\n  margin: -5px 0;\n  padding: 3px 0;\n  transform: translateY(-1px);\n}\n.main-module_tree-node__add-label__iKmMX {\n  position: absolute;\n  padding: 2px 8px;\n  font-size: 12px;\n  color: #fff;\n  background-color: #2d3748;\n  border-radius: 12px;\n  z-index: 10;\n}\n.main-module_tree-node__add-label_icon__1AQh- {\n  top: -10px;\n  padding: 2px 6px;\n}\n.main-module_tree-node__add_actions__1zDT2 {\n  padding: 5px 8px;\n}\n.main-module_tree-node__add_actions-item__vIaYV {\n  cursor: pointer;\n  color: #2d3748;\n}\n.main-module_tree-node__add_actions-item__vIaYV:not(:last-child) {\n  margin-bottom: 15px;\n}\n";
 var cssClasses = {
   "tree": "main-module_tree__3D4e3",
   "tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
   "tree-node__toggler-btn_expanded": "main-module_tree-node__toggler-btn_expanded__17Joe",
   "tree-node__toggler-btn-icon": "main-module_tree-node__toggler-btn-icon__OA4tk",
   "tree-node__label": "main-module_tree-node__label__DT728",
+  "tree-node__label-content": "main-module_tree-node__label-content__2UM83",
   "tree-node__children": "main-module_tree-node__children__QyEOR",
   "tree-node__children-enter": "main-module_tree-node__children-enter__vxFO-",
   "tree-node__children-enter-active": "main-module_tree-node__children-enter-active__T6XIS",
   "tree-node__children-exit": "main-module_tree-node__children-exit__1NXHe",
-  "tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI"
+  "tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI",
+  "tree-node__add": "main-module_tree-node__add__2SAM_",
+  "tree-node__add-wrapper": "main-module_tree-node__add-wrapper__2LbV9",
+  "tree-node__add-label": "main-module_tree-node__add-label__iKmMX",
+  "tree-node__add-label_icon": "main-module_tree-node__add-label_icon__1AQh-",
+  "tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
+  "tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
 };
 styleInject(css_248z);
 

package/build/esm/packages/aurora/src/css/tree/main.module.less.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;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,wBAAwB,8DAAkE;AAC1F;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/index.d.ts

@@ -4,6 +4,7 @@ import { ICellProps, IIRowProps, ITableProps } from "./components/table/types";
  * import types for export
  */
 import { IDropdownProps, ISelectOption } from "./components/dropdown/types";
+import { IImageEditorProps, TUploadedImageData } from "./components/xhr_image_picker/types";
 import { TFlashMessage, TFlashMessageExtended } from "./components/flash_messenger/types";
 import { TImagePickerFile, TImageSize } from "./components/image_picker/types";
 import { IColorPickerColor, TGradientObject, TGradientColorStop, TGradientRadialShape, TGradientType } from "./components/color_picker_new/types";
@@ -56,7 +57,6 @@ import { IControlRadioGroupOption } from "./components/controls/types";
 import { IDatepickerRange } from "./components/date_picker/types";
 import { IDropdownContext } from "./components/dropdown/context/types";
 import { IHeadingProps } from "./components/heading/types";
-import { IImageEditorProps, TUploadedImageData } from "./components/xhr_image_picker/types";
 import { ILoaderProps } from "./components/loader/types";
 import { IWithLoader } from "./components/with_loader/types";
 import IconArrow from "./assets/icon_arrow";
@@ -110,6 +110,7 @@ import TagsSelector from "./components/tags_selector";
 import Tooltip from "./components/tooltip";
 import { Tree } from "./components/tree";
 import { TreeNode } from "./components/tree/components/tree_node";
+import { TreeNodeAdd } from "./components/tree/components/tree_node_add/tree_node_add";
 import { Typography } from "./components/typography";
 import ValuesSyncer from "./components/controls/components/values_syncer";
 import WithLoader from "./components/with_loader";
@@ -126,7 +127,7 @@ import { useToggle } from "./components/dropdown/hooks";
 /**
  * export components
  */
-export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ColorPickerUtils, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalNew, ModalsManager, useModalsContext, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, DropdownsManager, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
+export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ColorPickerUtils, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalNew, ModalsManager, useModalsContext, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, DropdownsManager, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, TreeNodeAdd, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
 /**
  * export constants
  */

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

@@ -89,6 +89,7 @@ export { TabsPanelList } from './components/tabs/components/tabs_panel_list.js';
 export { default as TabsWrapper } from './components/tabs/components/tabs_wrapper.js';
 export { Tree } from './components/tree/index.js';
 export { TreeNode } from './components/tree/components/tree_node.js';
+export { TreeNodeAdd } from './components/tree/components/tree_node_add/tree_node_add.js';
 export { default as ValuesSyncer } from './components/controls/components/values_syncer.js';
 export { default as WithLoader } from './components/with_loader/index.js';
 //# sourceMappingURL=index.js.map

package/build/esm/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;"}
+{"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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.21.0-9",
+  "version": "2.21.0",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",