@dreamcommerce/aurora 3.0.0-81 → 3.0.0-82

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

@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["children", "size", "variant", "decoration"];
-var Link = /*#__PURE__*/React__default['default'].forwardRef(function (_ref) {
+var Link = function Link(_ref) {
   var children = _ref.children,
     size = _ref.size,
     variant = _ref.variant,
@@ -25,7 +25,7 @@ var Link = /*#__PURE__*/React__default['default'].forwardRef(function (_ref) {
       decoration: decoration
     }))
   }, props), children);
-});
+};
 Link.displayName = 'Link';
 
 exports.Link = Link;

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

@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["option", "isSelected", "toggleOption", "className"];
-var MultiSelectItem = /*#__PURE__*/React__default['default'].forwardRef(function (_ref) {
+var MultiSelectItem = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var option = _ref.option,
     isSelected = _ref.isSelected,
     toggleOption = _ref.toggleOption,
@@ -25,12 +25,14 @@ var MultiSelectItem = /*#__PURE__*/React__default['default'].forwardRef(function
     event.preventDefault();
     toggleOption(option);
   };
-  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2({
+  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     onSelect: handleSelect,
     className: cn.cn('aurora-relative aurora-flex aurora-w-full aurora-select-none aurora-rounded-sm aurora-p-2 aurora-outline-none focus:aurora-bg-accent data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold data-[highlighted]:aurora-font-semibold data-[highlighted]:aurora-bg-hover aurora-cursor-pointer aurora-rounded-6', {
       'aurora-bg-hover': isSelected
     }, className)
-  }, props), /*#__PURE__*/React__default['default'].createElement(box.Box, {
+  }, props), {}, {
+    ref: ref
+  }), /*#__PURE__*/React__default['default'].createElement(box.Box, {
     align: "center",
     spacing: "2",
     backgroundColor: "transparent"

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

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

@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["id", "options", "isGrouped", "placeholder", "disabled", "hasSearch", "searchPlaceholder", "hasErrors", "onValueChange"];
-var MultiSelect = /*#__PURE__*/React__default['default'].forwardRef(function (_ref) {
+var MultiSelect = function MultiSelect(_ref) {
   var id = _ref.id,
     options = _ref.options,
     _ref$isGrouped = _ref.isGrouped,
@@ -74,7 +74,7 @@ var MultiSelect = /*#__PURE__*/React__default['default'].forwardRef(function (_r
     hasSearch: hasSearch,
     searchPlaceholder: searchPlaceholder
   })));
-});
+};
 MultiSelect.displayName = 'MultiSelect';
 
 exports.MultiSelect = MultiSelect;

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

@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["children", "id", "defaultValue", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "hasError", "onValueChange"];
-var Select = /*#__PURE__*/React__default['default'].forwardRef(function (_ref) {
+var Select = function Select(_ref) {
   var _options$find;
   var children = _ref.children,
     id = _ref.id,
@@ -76,7 +76,7 @@ var Select = /*#__PURE__*/React__default['default'].forwardRef(function (_ref) {
     filterTerm: filterTerm,
     setFilterTerm: setFilterTerm
   }));
-});
+};
 Select.displayName = SelectPrimitive.Root.displayName;
 
 exports.Select = Select;

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

@@ -1,3 +1,7 @@
+import { PropsWithChildren } from 'react';
 import React from 'react';
 import { TLinkProps } from "./link_types";
-export declare const Link: React.ForwardRefExoticComponent<TLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Link: {
+    ({ children, size, variant, decoration, ...props }: PropsWithChildren<TLinkProps>): React.JSX.Element;
+    displayName: string;
+};

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

@@ -4,7 +4,7 @@ import { cn } from '../../utilities/cn.js';
 import { linkVariants } from './link_variants.js';
 
 var _excluded = ["children", "size", "variant", "decoration"];
-var Link = /*#__PURE__*/React.forwardRef(function (_ref) {
+var Link = function Link(_ref) {
   var children = _ref.children,
     size = _ref.size,
     variant = _ref.variant,
@@ -17,7 +17,7 @@ var Link = /*#__PURE__*/React.forwardRef(function (_ref) {
       decoration: decoration
     }))
   }, props), children);
-});
+};
 Link.displayName = 'Link';
 
 export { Link };

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_item.js

@@ -7,7 +7,7 @@ import { Typography } from '../../typography/typography.js';
 import { Checkbox } from '../../checkbox/checkbox.js';
 
 var _excluded = ["option", "isSelected", "toggleOption", "className"];
-var MultiSelectItem = /*#__PURE__*/React.forwardRef(function (_ref) {
+var MultiSelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var option = _ref.option,
     isSelected = _ref.isSelected,
     toggleOption = _ref.toggleOption,
@@ -17,12 +17,14 @@ var MultiSelectItem = /*#__PURE__*/React.forwardRef(function (_ref) {
     event.preventDefault();
     toggleOption(option);
   };
-  return /*#__PURE__*/React.createElement(Item, _objectSpread2({
+  return /*#__PURE__*/React.createElement(Item, _objectSpread2(_objectSpread2({
     onSelect: handleSelect,
     className: cn('aurora-relative aurora-flex aurora-w-full aurora-select-none aurora-rounded-sm aurora-p-2 aurora-outline-none focus:aurora-bg-accent data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold data-[highlighted]:aurora-font-semibold data-[highlighted]:aurora-bg-hover aurora-cursor-pointer aurora-rounded-6', {
       'aurora-bg-hover': isSelected
     }, className)
-  }, props), /*#__PURE__*/React.createElement(Box, {
+  }, props), {}, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(Box, {
     align: "center",
     spacing: "2",
     backgroundColor: "transparent"

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

@@ -1,3 +1,6 @@
 import { TMultiSelectProps } from './multiselect_types';
-import React from 'react';
-export declare const MultiSelect: React.ForwardRefExoticComponent<TMultiSelectProps & React.RefAttributes<never>>;
+import React, { PropsWithChildren } from 'react';
+export declare const MultiSelect: {
+    ({ id, options, isGrouped, placeholder, disabled, hasSearch, searchPlaceholder, hasErrors, onValueChange, ...props }: PropsWithChildren<TMultiSelectProps>): React.JSX.Element;
+    displayName: string;
+};

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

@@ -5,7 +5,7 @@ import { MultiSelectContent } from './components/multiselect_content.js';
 import { MultiSelectTrigger } from './components/multiselect_trigger.js';
 
 var _excluded = ["id", "options", "isGrouped", "placeholder", "disabled", "hasSearch", "searchPlaceholder", "hasErrors", "onValueChange"];
-var MultiSelect = /*#__PURE__*/React.forwardRef(function (_ref) {
+var MultiSelect = function MultiSelect(_ref) {
   var id = _ref.id,
     options = _ref.options,
     _ref$isGrouped = _ref.isGrouped,
@@ -66,7 +66,7 @@ var MultiSelect = /*#__PURE__*/React.forwardRef(function (_ref) {
     hasSearch: hasSearch,
     searchPlaceholder: searchPlaceholder
   })));
-});
+};
 MultiSelect.displayName = 'MultiSelect';
 
 export { MultiSelect };

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

@@ -1,3 +1,6 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { TSelectProps } from './select_types';
-export declare const Select: React.ForwardRefExoticComponent<TSelectProps & React.RefAttributes<never>>;
+export declare const Select: {
+    ({ children, id, defaultValue, options, disabled, placeholder, hasSearch, searchPlaceholder, hasClearValueButton, innerAdditionalContent, hasError, onValueChange, ...props }: PropsWithChildren<TSelectProps>): React.JSX.Element;
+    displayName: string | undefined;
+};

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

@@ -7,7 +7,7 @@ import { SelectTrigger } from './components/select_trigger.js';
 import { SelectValue } from './components/select_value.js';
 
 var _excluded = ["children", "id", "defaultValue", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "hasError", "onValueChange"];
-var Select = /*#__PURE__*/React.forwardRef(function (_ref) {
+var Select = function Select(_ref) {
   var _options$find;
   var children = _ref.children,
     id = _ref.id,
@@ -68,7 +68,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref) {
     filterTerm: filterTerm,
     setFilterTerm: setFilterTerm
   }));
-});
+};
 Select.displayName = Root.displayName;
 
 export { Select };

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ITreeNode } from "../context/tree_context";
+import { TPropsWithChildren } from "../../../typings/general";
+declare type TTreeContentComponentProps = {
+    node: ITreeNode;
+    toggleNode: () => void;
+    isLeaf: boolean;
+    disabled?: boolean;
+};
+declare type TTreeLabelComponentProps = {
+    node: ITreeNode;
+    isLeaf: boolean;
+};
+declare type TTreeNodeProps = TPropsWithChildren<ITreeNode & {
+    cssClassNames?: string;
+    collapseIcon?: React.ReactNode;
+    expandIcon?: React.ReactNode;
+    LabelComponent?: (props: TTreeLabelComponentProps) => React.ReactNode;
+    ContentComponent?: (props: TTreeContentComponentProps) => React.ReactNode;
+}>;
+export declare const TreeNode: ({ children, id, cssClassNames, ContentComponent, LabelComponent, disabled, ...rest }: TTreeNodeProps) => React.JSX.Element | null;
+export default TreeNode;

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

@@ -0,0 +1,39 @@
+import React, { Children, useRef } from 'react';
+import { ArrowDownSFillIcon } from '@auroraAssets/icons/arrow_down_s_fill';
+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));
+};
+export default TreeNode;
+//# sourceMappingURL=tree_node.js.map

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

@@ -0,0 +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"}

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,2 @@
+export const TREE_ROLE_ATTRIBUTE = 'tree';
+//# sourceMappingURL=constants.js.map

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

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

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare type ITreeNode = {
+    id: string;
+    label?: string;
+    expanded?: boolean;
+    disabled?: boolean;
+};
+export interface ITreeContext {
+    addNode(node: ITreeNode): void;
+    updateNode(nodeId: string, node: Partial<ITreeNode>): void;
+    hasNode(nodeId: string): boolean;
+    getNode(nodeId: string): ITreeNode | undefined;
+    removeNode(nodeId: string): void;
+    toggleNode(nodeId: string): void;
+}
+export declare const TreeContext: import("react").Context<ITreeContext>;
+export declare const TreeContextProvider: import("react").Provider<ITreeContext>;

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

@@ -0,0 +1,11 @@
+import { createContext } from 'react';
+export const TreeContext = createContext({
+    addNode: () => { },
+    updateNode: () => { },
+    removeNode: () => { },
+    toggleNode: () => { },
+    getNode: () => undefined,
+    hasNode: () => false
+});
+export const TreeContextProvider = TreeContext.Provider;
+//# sourceMappingURL=tree_context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree_context.js","sourceRoot":"","sources":["../../../../../../../../src/components/tree/context/tree_context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAkBtC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAe;IACnD,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS;IACxB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK;CACvB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TPropsWithChildren } from "../../../typings/general";
+export declare const TreeProvider: ({ children }: TPropsWithChildren) => React.JSX.Element;

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

@@ -0,0 +1,29 @@
+import { TreeContextProvider } from '@auroraComponents/tree/context/tree_context';
+import { useState } from 'react';
+import React from 'react';
+import '@auroraTypings/general';
+export const TreeProvider = ({ children }) => {
+    const [nodes, setNodes] = useState([]);
+    const value = {
+        addNode(node) {
+            setNodes((nodes) => [...nodes, node]);
+        },
+        updateNode(nodeId, node) {
+            setNodes((nodes) => nodes.map((n) => (n.id === nodeId ? { ...n, ...node } : n)));
+        },
+        getNode(nodeId) {
+            return nodes.find((node) => node.id === nodeId);
+        },
+        removeNode(nodeId) {
+            setNodes((nodes) => nodes.filter((node) => node.id !== nodeId));
+        },
+        toggleNode(nodeId) {
+            setNodes((nodes) => nodes.map((node) => (node.id === nodeId ? { ...node, expanded: !node.expanded } : node)));
+        },
+        hasNode(nodeId) {
+            return !!nodes.find((node) => node.id === nodeId);
+        }
+    };
+    return React.createElement(TreeContextProvider, { value: value }, children);
+};
+//# sourceMappingURL=tree_provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree_provider.js","sourceRoot":"","sources":["../../../../../../../../src/components/tree/context/tree_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,mBAAmB,EAAa,MAAM,6CAA6C,CAAC;AAC3G,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAmC,wBAAwB,CAAC;AAE5D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC7D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAEpD,MAAM,KAAK,GAAiB;QACxB,OAAO,CAAC,IAAe;YACnB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;QAC1C,CAAC;QACD,UAAU,CAAC,MAAc,EAAE,IAAwB;YAC/C,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrF,CAAC;QACD,OAAO,CAAC,MAAc;YAClB,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;QACpD,CAAC;QACD,UAAU,CAAC,MAAc;YACrB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC;QACpE,CAAC;QACD,UAAU,CAAC,MAAc;YACrB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClH,CAAC;QACD,OAAO,CAAC,MAAc;YAClB,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;QACtD,CAAC;KACJ,CAAC;IAEF,OAAO,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAuB,CAAC;AAC/E,CAAC,CAAC"}

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

@@ -0,0 +1,22 @@
+export declare const TREE_CSS_CLASSES: {
+    readonly tree: "tree";
+    readonly treeNode: "tree__node";
+};
+export declare const TREE_NODE_CSS_CLASSES: {
+    readonly treeNode: "tree-node";
+    readonly treeNodeTogglerBtn: "tree-node__toggler-btn";
+    readonly treeNodeTogglerBtnExpanded: "tree-node__toggler-btn_expanded";
+    readonly treeNodeTogglerBtnIcon: "tree-node__toggler-btn-icon";
+    readonly treeNodeLabelContent: "tree-node__label-content";
+    readonly treeNodeLabel: "tree-node__label";
+    readonly treeNodeChildren: "tree-node__children";
+    readonly treeNodeChildrenEnter: "tree-node__children-enter";
+    readonly treeNodeChildrenEnterActive: "tree-node__children-enter-active";
+    readonly treeNodeChildrenExit: "tree-node__children-exit";
+    readonly treeNodeChildrenExitActive: "tree-node__children-exit-active";
+    readonly treeNodeChildrenExitDone: "tree-node__children-exit-done";
+    readonly treeNodeExpanded: "tree-node_expanded";
+    readonly treeNodeDisabled: "tree-node_disabled";
+    readonly treeNodeFocused: "tree-node_focused";
+    readonly treeNodeWithoutChildren: "tree-node_without-children";
+};

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

@@ -0,0 +1,25 @@
+const baseCssClass = 'tree';
+export const TREE_CSS_CLASSES = {
+    tree: baseCssClass,
+    treeNode: `${baseCssClass}__node`
+};
+const treeNodeBaseCssClass = `tree-node`;
+export const TREE_NODE_CSS_CLASSES = {
+    treeNode: treeNodeBaseCssClass,
+    treeNodeTogglerBtn: `${treeNodeBaseCssClass}__toggler-btn`,
+    treeNodeTogglerBtnExpanded: `${treeNodeBaseCssClass}__toggler-btn_expanded`,
+    treeNodeTogglerBtnIcon: `${treeNodeBaseCssClass}__toggler-btn-icon`,
+    treeNodeLabelContent: `${treeNodeBaseCssClass}__label-content`,
+    treeNodeLabel: `${treeNodeBaseCssClass}__label`,
+    treeNodeChildren: `${treeNodeBaseCssClass}__children`,
+    treeNodeChildrenEnter: `${treeNodeBaseCssClass}__children-enter`,
+    treeNodeChildrenEnterActive: `${treeNodeBaseCssClass}__children-enter-active`,
+    treeNodeChildrenExit: `${treeNodeBaseCssClass}__children-exit`,
+    treeNodeChildrenExitActive: `${treeNodeBaseCssClass}__children-exit-active`,
+    treeNodeChildrenExitDone: `${treeNodeBaseCssClass}__children-exit-done`,
+    treeNodeExpanded: `${treeNodeBaseCssClass}_expanded`,
+    treeNodeDisabled: `${treeNodeBaseCssClass}_disabled`,
+    treeNodeFocused: `${treeNodeBaseCssClass}_focused`,
+    treeNodeWithoutChildren: `${treeNodeBaseCssClass}_without-children`
+};
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/tree/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,MAAM,CAAC;AAE5B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,GAAG,YAAY,QAAQ;CAC3B,CAAC;AAEX,MAAM,oBAAoB,GAAG,WAAW,CAAC;AAEzC,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,QAAQ,EAAE,oBAAoB;IAC9B,kBAAkB,EAAE,GAAG,oBAAoB,eAAe;IAC1D,0BAA0B,EAAE,GAAG,oBAAoB,wBAAwB;IAC3E,sBAAsB,EAAE,GAAG,oBAAoB,oBAAoB;IACnE,oBAAoB,EAAE,GAAG,oBAAoB,iBAAiB;IAC9D,aAAa,EAAE,GAAG,oBAAoB,SAAS;IAC/C,gBAAgB,EAAE,GAAG,oBAAoB,YAAY;IACrD,qBAAqB,EAAE,GAAG,oBAAoB,kBAAkB;IAChE,2BAA2B,EAAE,GAAG,oBAAoB,yBAAyB;IAC7E,oBAAoB,EAAE,GAAG,oBAAoB,iBAAiB;IAC9D,0BAA0B,EAAE,GAAG,oBAAoB,wBAAwB;IAC3E,wBAAwB,EAAE,GAAG,oBAAoB,sBAAsB;IACvE,gBAAgB,EAAE,GAAG,oBAAoB,WAAW;IACpD,gBAAgB,EAAE,GAAG,oBAAoB,WAAW;IACpD,eAAe,EAAE,GAAG,oBAAoB,UAAU;IAClD,uBAAuB,EAAE,GAAG,oBAAoB,mBAAmB;CAC7D,CAAC"}

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

@@ -0,0 +1 @@
+export declare const useTree: () => import("../context/tree_context").ITreeContext;

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

@@ -0,0 +1,10 @@
+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;
+};
+//# sourceMappingURL=tree_hook.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+import { ITreeNode } from "../context/tree_context";
+export declare const useTreeNode: (nodeId: string, props?: Partial<ITreeNode>) => ITreeNode | undefined;

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

@@ -0,0 +1,19 @@
+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);
+};
+//# sourceMappingURL=tree_node_hook.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type TTreeProps = {
+    cssClassNames?: string;
+    cssStyles?: React.CSSProperties;
+    onMouseEnter?: (event: React.MouseEvent<HTMLUListElement, MouseEvent>) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLUListElement, MouseEvent>) => void;
+};
+export declare const Tree: React.ForwardRefExoticComponent<TTreeProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLUListElement>>;
+export default Tree;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import '@auroraTypings/general';
+import { TREE_ROLE_ATTRIBUTE } from './constants';
+import { TreeProvider } from '@auroraComponents/tree/context/tree_provider';
+import { cn } from '@auroraUtilities/cn';
+// eslint-disable-next-line react/display-name
+export const Tree = React.forwardRef(({ children, cssClassNames, cssStyles, onMouseEnter, onMouseLeave }, ref) => {
+    return (React.createElement(TreeProvider, null,
+        React.createElement("ul", { role: TREE_ROLE_ATTRIBUTE, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: ref, style: cssStyles, className: cn('aurora-list-none aurora-flex aurora-flex-col aurora-gap-2', cssClassNames) }, children)));
+});
+export default Tree;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/tree/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAmC,wBAAwB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AASzC,8CAA8C;AAC9C,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAkC,EAAE,GAAgC,EAAE,EAAE;IACrI,OAAO,CACH,oBAAC,YAAY;QACT,4BACI,IAAI,EAAE,mBAAmB,EACzB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,EAAE,CAAC,2DAA2D,EAAE,aAAa,CAAC,IAExF,QAAQ,CACR,CACM,CAClB,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/esm/packages/aurora/src/typings/general.d.ts

@@ -1,7 +1,8 @@
 import { HORIZONTAL_POSITION, VERTICAL_POSITION } from "../constants/positions";
-import { DIRECTION } from "../constants/directions";
-import { Any } from 'ts-toolbelt';
 import { TCssPaddingTokens, TCssScreenTokens, TCssSpacingTokens } from "../constants/css_tokens/css_tokens_types";
+import { Any } from 'ts-toolbelt';
+import { DIRECTION } from "../constants/directions";
+import { ReactNode } from 'react';
 export declare type THorizontalPosition = Any.Keys<typeof HORIZONTAL_POSITION>;
 export declare type TVerticalPosition = Any.Keys<typeof VERTICAL_POSITION>;
 export declare type TCssPositions = {
@@ -13,3 +14,6 @@ export declare type TCssPositions = {
 export declare type TDirection = Any.Keys<typeof DIRECTION>;
 export declare type TPaddings = Record<TCssPaddingTokens, TCssSpacingTokens>;
 export declare type TMargins = Record<TCssSpacingTokens, TCssSpacingTokens> | Record<TCssScreenTokens, Record<TCssSpacingTokens, TCssSpacingTokens>>;
+export declare type TPropsWithChildren<P = {}> = P & {
+    children?: ReactNode;
+};

package/build/esm/packages/aurora/src/typings/general.js

@@ -1,5 +1,6 @@
 import '@auroraConstants/positions';
-import '@auroraConstants/directions';
-import 'ts-toolbelt';
 import '@auroraConstants/css_tokens/css_tokens_types';
+import 'ts-toolbelt';
+import '@auroraConstants/directions';
+import 'react';
 //# sourceMappingURL=general.js.map

package/build/esm/packages/aurora/src/typings/general.js.map

@@ -1 +1 @@
-{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../../../src/typings/general.ts"],"names":[],"mappings":"AAAA,OAAuD,4BAA4B,CAAC;AACpF,OAA0B,6BAA6B,CAAC;AACxD,OAAoB,aAAa,CAAC;AAClC,OAAuE,8CAA8C,CAAC"}
+{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../../../src/typings/general.ts"],"names":[],"mappings":"AAAA,OAAuD,4BAA4B,CAAC;AACpF,OAAuE,8CAA8C,CAAC;AAEtH,OAAoB,aAAa,CAAC;AAClC,OAA0B,6BAA6B,CAAC;AACxD,OAA0B,OAAO,CAAC"}