@dreamcommerce/aurora 3.0.0-85 → 3.0.0-86

package/build/cjs/packages/aurora/src/components/accordion/components/accordion_item.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var cn = require('../../../utilities/cn.js');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
+var cn = require('../../../utilities/cn.js');
 
 var _excluded = ["className", "borderStyle"];
 var AccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {

package/build/cjs/packages/aurora/src/components/accordion/components/accordion_trigger.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var css_icon_color_tokens = require('../../../constants/css_tokens/css_icon_color_tokens.js');
-var cn = require('../../../utilities/cn.js');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var accordion_constants = require('../accordion_constants.js');
+var css_icon_color_tokens = require('../../../constants/css_tokens/css_icon_color_tokens.js');
 var accordion_context = require('../context/accordion_context.js');
+var cn = require('../../../utilities/cn.js');
 var arrow_right = require('../../../assets/icons/arrow_right.js');
 
 var _excluded = ["className", "children", "backgroundColor", "icon", "iconColor"];

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var arrow_down_s_fill = require('../../../assets/icons/arrow_down_s_fill.js');
 var cn = require('../../../utilities/cn.js');
 var SelectPrimitive = require('@radix-ui/react-select');
+var arrow_down_s_fill = require('../../../assets/icons/arrow_down_s_fill.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../utilities/cn.js');
+var arrow_down_s_fill = require('../../../assets/icons/arrow_down_s_fill.js');
+var reactTransitionGroup = require('react-transition-group');
+var tree_hook = require('../hooks/tree_hook.js');
+var tree_node_hook = require('../hooks/tree_node_hook.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent", "disabled"];
+var TreeNode = function TreeNode(_ref) {
+  var children = _ref.children,
+    id = _ref.id,
+    cssClassNames = _ref.cssClassNames,
+    ContentComponent = _ref.ContentComponent,
+    LabelComponent = _ref.LabelComponent,
+    disabled = _ref.disabled,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var treeApi = tree_hook.useTree();
+  var node = tree_node_hook.useTreeNode(id, rest);
+  var nodeChildrenRef = React.useRef(null);
+  var childrenCount = React.Children.count(children);
+  if (!node) return null;
+  var toggleNode = function toggleNode() {
+    treeApi.toggleNode(node.id);
+  };
+  var Label = LabelComponent ? LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
+    node: node,
+    isLeaf: !children
+  }) : (/*#__PURE__*/React__default['default'].createElement("div", {
+    tabIndex: !children ? 0 : -1,
+    className: "aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover"
+  }, node.label ? node.label : node.id));
+  var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
+    node: node,
+    toggleNode: toggleNode,
+    isLeaf: !childrenCount
+  }) : (/*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-rounded-4 hover:aurora-bg-hover"
+  }, /*#__PURE__*/React__default['default'].createElement("button", {
+    className: "aurora-flex aurora-items-center aurora-p-1 aurora-cursor-pointer",
+    onClick: toggleNode
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "aurora-flex"
+  }, /*#__PURE__*/React__default['default'].createElement(arrow_down_s_fill.ArrowDownSFillIcon, {
+    className: cn.cn('aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light -aurora-rotate-90 tree-arrow-transition', {
+      'aurora-rotate-0': node.expanded,
+      'aurora-fill-disabled': disabled
+    })
+  }))), Label));
+  return /*#__PURE__*/React__default['default'].createElement("li", {
+    role: "treeitem",
+    "aria-expanded": node.expanded
+  }, childrenCount ? Content : Label, childrenCount ? (/*#__PURE__*/React__default['default'].createElement(reactTransitionGroup.CSSTransition, {
+    unmountOnExit: true,
+    in: node.expanded,
+    timeout: 50,
+    classNames: {
+      enter: 'tree__children-enter',
+      enterActive: 'tree__children-enter-active',
+      exit: 'tree__children-exit',
+      exitActive: 'tree__children-exit-active'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("ul", {
+    className: "aurora-flex aurora-flex-col aurora-gap-2 aurora-mt-2 aurora-pl-4 aurora-scale-100 aurora-origin-top aurora-list-none aurora-will-change-auto tree__children-transition",
+    ref: nodeChildrenRef
+  }, children))) : null);
+};
+
+exports.TreeNode = TreeNode;
+exports.default = TreeNode;
+//# sourceMappingURL=tree_node.js.map

package/build/cjs/packages/aurora/src/components/tree/components/tree_node.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;AACA;AACA;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/hooks/tree_hook.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var tree_context = require('../context/tree_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var useTree = function useTree() {
+  var context = React__default['default'].useContext(tree_context.TreeContext);
+  if (!context) {
+    throw new Error('useTree must be used within a TreeContextProvider');
+  }
+  return context;
+};
+
+exports.useTree = useTree;
+//# sourceMappingURL=tree_hook.js.map

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

package/build/cjs/packages/aurora/src/components/tree/hooks/tree_node_hook.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var tree_hook = require('./tree_hook.js');
+
+var useTreeNode = function useTreeNode(nodeId, props) {
+  var treeApi = tree_hook.useTree();
+  React.useEffect(function () {
+    if (!treeApi.hasNode(nodeId)) treeApi.addNode(_rollupPluginBabelHelpers.objectSpread2({
+      id: nodeId
+    }, props));
+  });
+  React.useEffect(function () {
+    if (treeApi.hasNode(nodeId) && props) treeApi.updateNode(nodeId, props);
+  }, [props === null || props === void 0 ? void 0 : props.expanded]);
+  React.useEffect(function () {
+    return function () {
+      return treeApi.removeNode(nodeId);
+    };
+  }, []);
+  return treeApi.getNode(nodeId);
+};
+
+exports.useTreeNode = useTreeNode;
+//# sourceMappingURL=tree_node_hook.js.map

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

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var accordion_constants = require('./components/accordion/accordion_constants.js');
 var css_background_tokens = require('./constants/css_tokens/css_background_tokens.js');
 var css_border_color_tokens = require('./constants/css_tokens/css_border_color_tokens.js');
 var css_border_radius_tokens = require('./constants/css_tokens/css_border_radius_tokens.js');
@@ -17,8 +18,6 @@ var css_border_style_tokens = require('./constants/css_tokens/css_border_style_t
 var css_position_tokens = require('./constants/css_tokens/css_position_tokens.js');
 var css_border_width_tokens = require('./constants/css_tokens/css_border_width_tokens.js');
 var css_icon_color_tokens = require('./constants/css_tokens/css_icon_color_tokens.js');
-var index = require('./components/tree/index.js');
-var accordion_constants = require('./components/accordion/accordion_constants.js');
 var accordion = require('./components/accordion/accordion.js');
 var accordion_content = require('./components/accordion/components/accordion_content.js');
 var accordion_item = require('./components/accordion/components/accordion_item.js');
@@ -109,9 +108,13 @@ var xhr_image_picker_control = require('./components/controls/xhr_image_picker_c
 var values_syncer = require('./components/values_syncer/values_syncer.js');
 var values_syncer_control = require('./components/controls/values_syncer_control/values_syncer_control.js');
 var use_toggle = require('./hooks/use_toggle.js');
+var index = require('./components/tree/index.js');
+var tree_hook = require('./components/tree/hooks/tree_hook.js');
+var tree_node = require('./components/tree/components/tree_node.js');
 
 
 
+exports.ACCORDION_SIZES = accordion_constants.ACCORDION_SIZES;
 exports.CSS_BACKGROUND_TOKENS = css_background_tokens.CSS_BACKGROUND_TOKENS;
 exports.CSS_BORDER_COLOR_TOKENS = css_border_color_tokens.CSS_BORDER_COLOR_TOKENS;
 exports.CSS_BORDER_RADIUS_SIDE_TOKENS = css_border_radius_tokens.CSS_BORDER_RADIUS_SIDE_TOKENS;
@@ -129,8 +132,6 @@ exports.CSS_POSITION_TOKENS = css_position_tokens.CSS_POSITION_TOKENS;
 exports.CSS_BORDER_WIDTH_SIDE_TOKENS = css_border_width_tokens.CSS_BORDER_WIDTH_SIDE_TOKENS;
 exports.CSS_BORDER_WIDTH_TOKENS = css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS;
 exports.CSS_ICON_COLOR_TOKENS_VALUES = css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES;
-exports.Tree = index.Tree;
-exports.ACCORDION_SIZES = accordion_constants.ACCORDION_SIZES;
 exports.Accordion = accordion.Accordion;
 exports.AccordionContent = accordion_content.AccordionContent;
 exports.AccordionItem = accordion_item.AccordionItem;
@@ -237,4 +238,7 @@ exports.XhrImagePickerControl = xhr_image_picker_control.XhrImagePickerControl;
 exports.ValuesSyncer = values_syncer.ValuesSyncer;
 exports.ValuesSyncerControl = values_syncer_control.ValuesSyncerControl;
 exports.useToggle = use_toggle.useToggle;
+exports.Tree = index.Tree;
+exports.useTree = tree_hook.useTree;
+exports.TreeNode = tree_node.TreeNode;
 //# sourceMappingURL=index.js.map

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

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

package/build/esm/packages/aurora/src/components/accordion/components/accordion_item.js

@@ -1,7 +1,7 @@
 import { forwardRef, createElement } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { cn } from '../../../utilities/cn.js';
 import { Item } from '@radix-ui/react-accordion';
+import { cn } from '../../../utilities/cn.js';
 
 var _excluded = ["className", "borderStyle"];
 var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, ref) {

package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.js

@@ -1,10 +1,10 @@
 import { forwardRef, useContext, createElement } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
-import { cn } from '../../../utilities/cn.js';
 import { Header, Trigger } from '@radix-ui/react-accordion';
 import { ACCORDION_SIZES } from '../accordion_constants.js';
+import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
 import { AccordionContext } from '../context/accordion_context.js';
+import { cn } from '../../../utilities/cn.js';
 import { ArrowRightIcon } from '../../../assets/icons/arrow_right.js';
 
 var _excluded = ["className", "children", "backgroundColor", "icon", "iconColor"];

package/build/esm/packages/aurora/src/components/select/components/select_trigger.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { ArrowDownSFillIcon } from '../../../assets/icons/arrow_down_s_fill.js';
 import { cn } from '../../../utilities/cn.js';
 import { Trigger, Icon } from '@radix-ui/react-select';
+import { ArrowDownSFillIcon } from '../../../assets/icons/arrow_down_s_fill.js';
 
 var _excluded = ["className", "hasError", "children"];
 var SelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {

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

@@ -1,39 +1,71 @@
-import React, { Children, useRef } from 'react';
-import { ArrowDownSFillIcon } from '@auroraAssets/icons/arrow_down_s_fill';
+import React, { useRef, Children } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { ArrowDownSFillIcon } from '../../../assets/icons/arrow_down_s_fill.js';
 import { CSSTransition } from 'react-transition-group';
-import '@auroraComponents/tree/context/tree_context';
-import '@auroraTypings/general';
-import { cn } from '@auroraUtilities/cn';
-import { useTree } from '@auroraComponents/tree/hooks/tree_hook';
-import { useTreeNode } from '@auroraComponents/tree/hooks/tree_node_hook';
-export const TreeNode = ({ children, id, cssClassNames, ContentComponent, LabelComponent, disabled, ...rest }) => {
-    const treeApi = useTree();
-    const node = useTreeNode(id, rest);
-    const nodeChildrenRef = useRef(null);
-    const childrenCount = Children.count(children);
-    if (!node)
-        return null;
-    const toggleNode = () => {
-        treeApi.toggleNode(node.id);
-    };
-    const Label = LabelComponent ? (LabelComponent?.({ node, isLeaf: !children })) : (React.createElement("div", { tabIndex: !children ? 0 : -1, className: "aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover" }, node.label ? node.label : node.id));
-    const Content = ContentComponent ? (ContentComponent?.({ node, toggleNode, isLeaf: !childrenCount })) : (React.createElement("div", { className: "aurora-flex aurora-items-center aurora-rounded-4 hover:aurora-bg-hover" },
-        React.createElement("button", { className: "aurora-flex aurora-items-center aurora-p-1 aurora-cursor-pointer", onClick: toggleNode },
-            React.createElement("span", { className: "aurora-flex" },
-                React.createElement(ArrowDownSFillIcon, { className: cn('aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light -aurora-rotate-90 tree-arrow-transition', {
-                        'aurora-rotate-0': node.expanded,
-                        'aurora-fill-disabled': disabled
-                    }) }))),
-        Label));
-    return (React.createElement("li", { role: "treeitem", "aria-expanded": node.expanded },
-        childrenCount ? Content : Label,
-        childrenCount ? (React.createElement(CSSTransition, { unmountOnExit: true, in: node.expanded, timeout: 50, classNames: {
-                enter: 'tree__children-enter',
-                enterActive: 'tree__children-enter-active',
-                exit: 'tree__children-exit',
-                exitActive: 'tree__children-exit-active'
-            } },
-            React.createElement("ul", { className: "aurora-flex aurora-flex-col aurora-gap-2 aurora-mt-2 aurora-pl-4 aurora-scale-100 aurora-origin-top aurora-list-none aurora-will-change-auto tree__children-transition", ref: nodeChildrenRef }, children))) : null));
+import { useTree } from '../hooks/tree_hook.js';
+import { useTreeNode } from '../hooks/tree_node_hook.js';
+
+var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent", "disabled"];
+var TreeNode = function TreeNode(_ref) {
+  var children = _ref.children,
+    id = _ref.id,
+    cssClassNames = _ref.cssClassNames,
+    ContentComponent = _ref.ContentComponent,
+    LabelComponent = _ref.LabelComponent,
+    disabled = _ref.disabled,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var treeApi = useTree();
+  var node = useTreeNode(id, rest);
+  var nodeChildrenRef = useRef(null);
+  var childrenCount = Children.count(children);
+  if (!node) return null;
+  var toggleNode = function toggleNode() {
+    treeApi.toggleNode(node.id);
+  };
+  var Label = LabelComponent ? LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
+    node: node,
+    isLeaf: !children
+  }) : (/*#__PURE__*/React.createElement("div", {
+    tabIndex: !children ? 0 : -1,
+    className: "aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover"
+  }, node.label ? node.label : node.id));
+  var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
+    node: node,
+    toggleNode: toggleNode,
+    isLeaf: !childrenCount
+  }) : (/*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-rounded-4 hover:aurora-bg-hover"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "aurora-flex aurora-items-center aurora-p-1 aurora-cursor-pointer",
+    onClick: toggleNode
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "aurora-flex"
+  }, /*#__PURE__*/React.createElement(ArrowDownSFillIcon, {
+    className: cn('aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light -aurora-rotate-90 tree-arrow-transition', {
+      'aurora-rotate-0': node.expanded,
+      'aurora-fill-disabled': disabled
+    })
+  }))), Label));
+  return /*#__PURE__*/React.createElement("li", {
+    role: "treeitem",
+    "aria-expanded": node.expanded
+  }, childrenCount ? Content : Label, childrenCount ? (/*#__PURE__*/React.createElement(CSSTransition, {
+    unmountOnExit: true,
+    in: node.expanded,
+    timeout: 50,
+    classNames: {
+      enter: 'tree__children-enter',
+      enterActive: 'tree__children-enter-active',
+      exit: 'tree__children-exit',
+      exitActive: 'tree__children-exit-active'
+    }
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: "aurora-flex aurora-flex-col aurora-gap-2 aurora-mt-2 aurora-pl-4 aurora-scale-100 aurora-origin-top aurora-list-none aurora-will-change-auto tree__children-transition",
+    ref: nodeChildrenRef
+  }, children))) : null);
 };
+
 export default TreeNode;
-//# sourceMappingURL=tree_node.js.map
+export { TreeNode };
+//# sourceMappingURL=tree_node.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tree_node.js","sourceRoot":"","sources":["../../../../../../../../src/components/tree/components/tree_node.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAA0B,6CAA6C,CAAC;AACxE,OAAmC,wBAAwB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAwB1E,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAkB,EAAE,EAAE;IAC7H,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC;IAC1B,MAAM,IAAI,GAAG,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IACnC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE/C,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAC3B,cAAc,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,CAChD,CAAC,CAAC,CAAC,CACA,6BAAK,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAC,kEAAkE,IAC1G,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAChC,CACT,CAAC;IAEF,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAC/B,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,aAAa,EAAE,CAAC,CACnE,CAAC,CAAC,CAAC,CACA,6BAAK,SAAS,EAAC,wEAAwE;QACnF,gCAAQ,SAAS,EAAC,kEAAkE,EAAC,OAAO,EAAE,UAAU;YACpG,8BAAM,SAAS,EAAC,aAAa;gBACzB,oBAAC,kBAAkB,IACf,SAAS,EAAE,EAAE,CAAC,gGAAgG,EAAE;wBAC5G,iBAAiB,EAAE,IAAI,CAAC,QAAQ;wBAChC,sBAAsB,EAAE,QAAQ;qBACnC,CAAC,GACJ,CACC,CACF;QAER,KAAK,CACJ,CACT,CAAC;IAEF,OAAO,CACH,4BAAI,IAAI,EAAC,UAAU,mBAAgB,IAAI,CAAC,QAAQ;QAC3C,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;QAE/B,aAAa,CAAC,CAAC,CAAC,CACb,oBAAC,aAAa,IACV,aAAa,QACb,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,OAAO,EAAE,EAAE,EACX,UAAU,EAAE;gBACR,KAAK,EAAE,sBAAsB;gBAC7B,WAAW,EAAE,6BAA6B;gBAC1C,IAAI,EAAE,qBAAqB;gBAC3B,UAAU,EAAE,4BAA4B;aAC3C;YAED,4BACI,SAAS,EAAC,wKAAwK,EAClL,GAAG,EAAE,eAAe,IAEnB,QAAQ,CACR,CACO,CACnB,CAAC,CAAC,CAAC,IAAI,CACP,CACR,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"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;"}

package/build/esm/packages/aurora/src/components/tree/hooks/tree_hook.js

@@ -1,10 +1,13 @@
 import React from 'react';
-import { TreeContext } from '@auroraComponents/tree/context/tree_context';
-export const useTree = () => {
-    const context = React.useContext(TreeContext);
-    if (!context) {
-        throw new Error('useTree must be used within a TreeContextProvider');
-    }
-    return context;
+import { TreeContext } from '../context/tree_context.js';
+
+var useTree = function useTree() {
+  var context = React.useContext(TreeContext);
+  if (!context) {
+    throw new Error('useTree must be used within a TreeContextProvider');
+  }
+  return context;
 };
-//# sourceMappingURL=tree_hook.js.map
+
+export { useTree };
+//# sourceMappingURL=tree_hook.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tree_hook.js","sourceRoot":"","sources":["../../../../../../../../src/components/tree/hooks/tree_hook.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAE1E,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAE9C,IAAI,CAAC,OAAO,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;KACxE;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/tree/hooks/tree_node_hook.js

@@ -1,19 +1,24 @@
-import { useTree } from '@auroraComponents/tree/hooks/tree_hook';
 import { useEffect } from 'react';
-import '@auroraComponents/tree/context/tree_context';
-export const useTreeNode = (nodeId, props) => {
-    const treeApi = useTree();
-    useEffect(() => {
-        if (!treeApi.hasNode(nodeId))
-            treeApi.addNode({ id: nodeId, ...props });
-    });
-    useEffect(() => {
-        if (treeApi.hasNode(nodeId) && props)
-            treeApi.updateNode(nodeId, props);
-    }, [props?.expanded]);
-    useEffect(() => {
-        return () => treeApi.removeNode(nodeId);
-    }, []);
-    return treeApi.getNode(nodeId);
+import { objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useTree } from './tree_hook.js';
+
+var useTreeNode = function useTreeNode(nodeId, props) {
+  var treeApi = useTree();
+  useEffect(function () {
+    if (!treeApi.hasNode(nodeId)) treeApi.addNode(_objectSpread2({
+      id: nodeId
+    }, props));
+  });
+  useEffect(function () {
+    if (treeApi.hasNode(nodeId) && props) treeApi.updateNode(nodeId, props);
+  }, [props === null || props === void 0 ? void 0 : props.expanded]);
+  useEffect(function () {
+    return function () {
+      return treeApi.removeNode(nodeId);
+    };
+  }, []);
+  return treeApi.getNode(nodeId);
 };
-//# sourceMappingURL=tree_node_hook.js.map
+
+export { useTreeNode };
+//# sourceMappingURL=tree_node_hook.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tree_node_hook.js","sourceRoot":"","sources":["../../../../../../../../src/components/tree/hooks/tree_node_hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAA0B,6CAA6C,CAAC;AAExE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,KAA0B,EAAE,EAAE;IACtE,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC;YAAE,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK;YAAE,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AACnC,CAAC,CAAC"}
+{"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;"}

package/build/esm/packages/aurora/src/index.d.ts

@@ -1,5 +1,4 @@
 import './i18n';
-export { Tree } from "./components/tree";
 export * from './i18n';
 export { Accordion } from "./components/accordion/accordion";
 export { AccordionContent } from "./components/accordion/components/accordion_content";
@@ -111,3 +110,6 @@ export { ValuesSyncerControl } from "./components/controls/values_syncer_control
 export { ValuesSyncer } from "./components/values_syncer/values_syncer";
 export { useToggle } from "./hooks/use_toggle";
 export { useClickOutside } from "./hooks/use_click_outside";
+export { Tree } from "./components/tree";
+export { TreeNode } from "./components/tree/components/tree_node";
+export { useTree } from "./components/tree/hooks/tree_hook";

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

@@ -1,3 +1,4 @@
+export { ACCORDION_SIZES } from './components/accordion/accordion_constants.js';
 export { CSS_BACKGROUND_TOKENS } from './constants/css_tokens/css_background_tokens.js';
 export { CSS_BORDER_COLOR_TOKENS } from './constants/css_tokens/css_border_color_tokens.js';
 export { CSS_BORDER_RADIUS_SIDE_TOKENS, CSS_BORDER_RADIUS_TOKENS } from './constants/css_tokens/css_border_radius_tokens.js';
@@ -13,8 +14,6 @@ export { CSS_BORDER_STYLE_TOKENS } from './constants/css_tokens/css_border_style
 export { CSS_POSITION_TOKENS } from './constants/css_tokens/css_position_tokens.js';
 export { CSS_BORDER_WIDTH_SIDE_TOKENS, CSS_BORDER_WIDTH_TOKENS } from './constants/css_tokens/css_border_width_tokens.js';
 export { CSS_ICON_COLOR_TOKENS_VALUES } from './constants/css_tokens/css_icon_color_tokens.js';
-export { Tree } from './components/tree/index.js';
-export { ACCORDION_SIZES } from './components/accordion/accordion_constants.js';
 export { Accordion } from './components/accordion/accordion.js';
 export { AccordionContent } from './components/accordion/components/accordion_content.js';
 export { AccordionItem } from './components/accordion/components/accordion_item.js';
@@ -105,4 +104,7 @@ export { XhrImagePickerControl } from './components/controls/xhr_image_picker_co
 export { ValuesSyncer } from './components/values_syncer/values_syncer.js';
 export { ValuesSyncerControl } from './components/controls/values_syncer_control/values_syncer_control.js';
 export { useToggle } from './hooks/use_toggle.js';
+export { Tree } from './components/tree/index.js';
+export { useTree } from './components/tree/hooks/tree_hook.js';
+export { TreeNode } from './components/tree/components/tree_node.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;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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.0.0-85",
+  "version": "3.0.0-86",
   "description": "aurora",
   "author": "zefirek",
   "license": "MIT",