@bigbinary/neeto-folders-frontend 2.0.38 → 2.0.40

package/dist/v2/components.js

@@ -1,23 +1,23 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { shallow } from 'zustand/shallow';
-import { Alert, Sheet, Spinner, Typography, RadioGroup, Button, Toastr, Checkbox } from '@bigbinary/neeto-atoms';
+import { Alert, Sheet, Spinner, Typography, RadioGroup, Button, Toastr, Checkbox, Tree } from '@bigbinary/neeto-atoms';
 import { useQueryClient } from '@tanstack/react-query';
 import { useQueryParams, useStateWithDependency } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
 import { buildUrl, showThumbsUpToastr } from '@bigbinary/neeto-commons-frontend/v2/utils';
 import { Trans } from 'react-i18next';
 import { useHistory, Link, NavLink } from 'react-router-dom';
-import { c as useFolderStore, d as useDestroyFolder, b as useFolders, e as useFetchFolders, f as useCreateFolder, g as useUpdateFolder, h as useReorderFolders, D as DEFAULT_CONFIG, u as useFolder, a as useFolderActions } from '../useFolderActions-CkUK_Tj3.js';
+import { c as useFolderStore, d as useDestroyFolder, b as useFolders, e as useFetchFolders, f as useCreateFolder, g as useUpdateFolder, h as useReorderFolders, D as DEFAULT_CONFIG, u as useFolder, a as useFolderActions } from '../useFolderActions-DCKQrv0G.js';
 import { u as useTranslation, R as REORDER_TREE_INDENT_WIDTH, c as closestCenter, n } from '../inject-css-Bkrn7lFS.js';
 import { QUERY_KEYS } from '../constants.js';
-import { p as pathToFolder, t as treeToMap, m as measureDepth, a as mapToTree, b as mapToSortedTree } from '../index-BkzhP3-H.js';
-import { a as isActiveFolder, g as getActiveFolderId, t as toastApiError, i as isArray, m as mapObj } from '../internal-DUPKoXC_.js';
+import { p as pathToFolder, t as treeToMap, m as measureDepth, a as mapToTree, b as mapToSortedTree } from '../index-BfobK2xL.js';
+import { a as isActiveFolder, g as getActiveFolderId, t as toastApiError, i as isArray } from '../internal-UIifJzTd.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React, { createElement, useMemo, forwardRef, useState, useEffect, useId, useRef, startTransition } from 'react';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { Textarea, Switch, Input, Form, ActionBlock } from '@bigbinary/neeto-atoms/formik';
+import { Textarea, Switch, Input, Form, ActionBlock, TreeSelect as TreeSelect$1 } from '@bigbinary/neeto-atoms/formik';
 import { t } from 'i18next';
 import { object, string } from 'yup';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
@@ -30,17 +30,12 @@ import { GripVertical, Lock, Plus } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { snapCenterToCursor } from '@dnd-kit/modifiers';
 import MoreDropdown from '@bigbinary/neeto-molecules/v2/MoreDropdown';
-import { useQueryParams as useQueryParams$1 } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { buildUrl as buildUrl$1 } from '@bigbinary/neeto-commons-frontend/utils';
-import Tree from '@bigbinary/neetoui/Tree';
-import Typography$1 from '@bigbinary/neetoui/Typography';
 import { useFormikContext } from 'formik';
-import NUITreeSelect from '@bigbinary/neetoui/formik/TreeSelect';
+import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'zustand';
-import '@bigbinary/neetoui/Toastr';
 
-function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FoldersAlerts = function FoldersAlerts(_ref) {
   var config = _ref.config;
   var _useFolderStore = useFolderStore(function (store) {
@@ -95,7 +90,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
       if (isActive && folders) {
         var path = pathToFolder(folders, item.id);
         var parent = path[path.length - 2];
-        var redirectUrl = parent ? buildUrl(config.folderPath, _objectSpread$k(_objectSpread$k({}, queryParams), {}, {
+        var redirectUrl = parent ? buildUrl(config.folderPath, _objectSpread$l(_objectSpread$l({}, queryParams), {}, {
           folderId: parent.sid
         })) : "/";
         history.replace(redirectUrl);
@@ -116,7 +111,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
     if (config.customizeAlerts) config.customizeAlerts(type, item, alertProps);
     alertProps.onSubmit = onConfirmDelete;
   }
-  return /*#__PURE__*/jsx(Alert, _objectSpread$k({}, alertProps));
+  return /*#__PURE__*/jsx(Alert, _objectSpread$l({}, alertProps));
 };
 
 var FORM_VALIDATION_SCHEMA = object().shape({
@@ -126,8 +121,8 @@ var FORM_VALIDATION_SCHEMA = object().shape({
 });
 
 var _excluded$7 = ["type"];
-function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var typeComponentMap = {
   string: Input,
   "boolean": Switch,
@@ -141,7 +136,7 @@ var ExtraAttributes = function ExtraAttributes(_ref) {
       rest = _objectWithoutProperties(_ref2, _excluded$7);
     var Component = typeComponentMap[type];
     if (!Component) return null;
-    return /*#__PURE__*/createElement(Component, _objectSpread$j(_objectSpread$j({}, rest), {}, {
+    return /*#__PURE__*/createElement(Component, _objectSpread$k(_objectSpread$k({}, rest), {}, {
       key: rest.name
     }));
   });
@@ -349,8 +344,8 @@ var AddEditPane = function AddEditPane(_ref) {
 };
 
 var _excluded$6 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "hideTreeIndent", "className", "onClick"];
-function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Node$2 = function Node(_ref, ref) {
   var _folder$children$leng, _folder$children;
   var _ref$icon = _ref.icon,
@@ -374,14 +369,14 @@ var Node$2 = function Node(_ref, ref) {
       length: depth + 1
     }).map(function (_, index) {
       return /*#__PURE__*/jsx("span", {
-        className: "neeto-ui-border-gray-400 relative h-full flex-shrink-0 border-s",
+        className: "border-border relative h-full flex-shrink-0 border-s",
         style: {
           width: REORDER_TREE_INDENT_WIDTH,
           insetInlineStart: Math.round(REORDER_TREE_INDENT_WIDTH / 2)
         },
         children: index === depth && /*#__PURE__*/jsx("span", {
           "aria-hidden": true,
-          className: "neeto-ui-border-gray-400 absolute border-t",
+          className: "border-border absolute border-t",
           style: {
             insetInlineStart: 0,
             top: "50%",
@@ -389,7 +384,7 @@ var Node$2 = function Node(_ref, ref) {
           }
         })
       }, index);
-    }), /*#__PURE__*/jsxs("div", _objectSpread$i(_objectSpread$i({}, _objectSpread$i(_objectSpread$i({}, rest), {}, {
+    }), /*#__PURE__*/jsxs("div", _objectSpread$j(_objectSpread$j({}, _objectSpread$j(_objectSpread$j({}, rest), {}, {
       onClick: onClick,
       ref: ref
     })), {}, {
@@ -402,7 +397,7 @@ var Node$2 = function Node(_ref, ref) {
           weight: "medium",
           children: folder.name
         }), metaInfo.length > 0 && /*#__PURE__*/jsx(Typography, {
-          className: "neeto-ui-text-gray-500",
+          className: "text-muted-foreground",
           variant: "body3",
           weight: "normal",
           children: metaInfo.join(" . ")
@@ -414,8 +409,8 @@ var Node$2 = function Node(_ref, ref) {
 var Node$1 = /*#__PURE__*/forwardRef(Node$2);
 
 var _excluded$5 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
-function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _SelectableNode = function SelectableNode(_ref) {
   var _folder$children$leng, _folder$children;
   var folder = _ref.folder,
@@ -436,7 +431,7 @@ var _SelectableNode = function SelectableNode(_ref) {
   var renderChildren = function renderChildren() {
     if (isNotPresent(folder.children)) return null;
     return folder.children.map(function (child) {
-      return /*#__PURE__*/createElement(_SelectableNode, _objectSpread$h(_objectSpread$h({}, _objectSpread$h(_objectSpread$h({}, rest), {}, {
+      return /*#__PURE__*/createElement(_SelectableNode, _objectSpread$i(_objectSpread$i({}, _objectSpread$i(_objectSpread$i({}, rest), {}, {
         config: config,
         item: item,
         maxDepth: maxDepth
@@ -454,7 +449,7 @@ var _SelectableNode = function SelectableNode(_ref) {
     className: classNames("flex flex-col w-full min-w-0", {
       "opacity-60": isDisabled
     }),
-    children: [/*#__PURE__*/jsx(Node$1, _objectSpread$h(_objectSpread$h({}, _objectSpread$h(_objectSpread$h({}, rest), {}, {
+    children: [/*#__PURE__*/jsx(Node$1, _objectSpread$i(_objectSpread$i({}, _objectSpread$i(_objectSpread$i({}, rest), {}, {
       depth: depth,
       folder: folder,
       folderLabel: folderLabel,
@@ -463,7 +458,6 @@ var _SelectableNode = function SelectableNode(_ref) {
       icon: /*#__PURE__*/jsx(RadioGroup.Item, {
         readOnly: true,
         checked: selection === folder.id,
-        className: "neeto-ui-radio__container",
         "data-testid": "".concat(hyphenate(folder.name), "-folder-option"),
         name: "move-folder-option"
       }),
@@ -474,8 +468,8 @@ var _SelectableNode = function SelectableNode(_ref) {
   });
 };
 
-function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var createTree = function createTree(folders, isRootEnabled) {
   return isRootEnabled ? [{
     name: "/",
@@ -599,7 +593,7 @@ var PaneBody = function PaneBody(_ref) {
       className: "space-x-2",
       children: [/*#__PURE__*/jsxs("div", {
         className: "flex flex-1 space-x-2",
-        children: [/*#__PURE__*/jsx(Button, _objectSpread$g(_objectSpread$g({
+        children: [/*#__PURE__*/jsx(Button, _objectSpread$h(_objectSpread$h({
           label: t("common.save"),
           variant: "default",
           onClick: function onClick() {
@@ -608,14 +602,14 @@ var PaneBody = function PaneBody(_ref) {
         }, submitButtonProps), {}, {
           "data-testid": "save-changes-button",
           disabled: selection === parent || (submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.disabled)
-        })), /*#__PURE__*/jsx(Button, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsx(Button, _objectSpread$h(_objectSpread$h({
           label: t("common.cancel"),
           variant: "ghost",
           onClick: onClose
         }, cancelButtonProps), {}, {
           "data-testid": "cancel-button"
         }))]
-      }), onRemove && /*#__PURE__*/jsx(Button, _objectSpread$g(_objectSpread$g({
+      }), onRemove && /*#__PURE__*/jsx(Button, _objectSpread$h(_objectSpread$h({
         label: t("moveToFolder.remove"),
         variant: "outline",
         onClick: onRemove
@@ -672,8 +666,8 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
 };
 
 var _excluded$4 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
-function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _DraggableNode$1 = function DraggableNode(_ref) {
   var folder = _ref.folder,
     _ref$depth = _ref.depth,
@@ -702,7 +696,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     if (isNotPresent(folder.children) || isDragging) return null;
     return folder.children.map(function (child) {
       var _child$children$lengt, _child$children;
-      return /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, rest), {}, {
+      return /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, rest), {}, {
         config: config
       })), {}, {
         depth: depth + 1,
@@ -714,14 +708,14 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     });
   };
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Node$1, _objectSpread$f(_objectSpread$f(_objectSpread$f({}, rest), {}, {
+    children: [/*#__PURE__*/jsx(Node$1, _objectSpread$g(_objectSpread$g(_objectSpread$g({}, rest), {}, {
       className: classNames({
-        "neeto-ui-rounded-lg hover:neeto-ui-bg-gray-100 w-full min-w-0 cursor-move transition-colors": true,
-        "neeto-ui-bg-gray-100 opacity-50": isDragging,
-        "neeto-ui-border-primary-500 border": isOver,
+        "rounded-lg hover:bg-muted w-full min-w-0 cursor-move transition-colors": true,
+        "bg-muted opacity-50": isDragging,
+        "border-primary border": isOver,
         "border border-transparent": !isOver
       })
-    }, _objectSpread$f(_objectSpread$f(_objectSpread$f({
+    }, _objectSpread$g(_objectSpread$g(_objectSpread$g({
       depth: depth,
       folder: folder
     }, attributes), listeners), {}, {
@@ -736,8 +730,8 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
   });
 };
 
-function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
   var _tree$children$length, _tree$children, _dragItem$children$le, _dragItem$children;
   var config = _ref.config,
@@ -820,7 +814,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
   });
   var nodeProps = {
     icon: /*#__PURE__*/jsx(GripVertical, {
-      className: "neeto-ui-text-gray-500 relative -start-[0.3125rem] flex-shrink-0"
+      className: "text-muted-foreground relative -start-[0.3125rem] flex-shrink-0"
     })
   };
   if (isFetching) {
@@ -842,7 +836,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
       },
       children: [/*#__PURE__*/jsx(Sheet.Body, {
         className: "pb-6",
-        children: /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$e(_objectSpread$e({}, _objectSpread$e(_objectSpread$e({}, nodeProps), {}, {
+        children: /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, nodeProps), {}, {
           config: config
         })), {}, {
           folder: tree,
@@ -864,10 +858,10 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
         })]
       }), /*#__PURE__*/createPortal(/*#__PURE__*/jsx(DragOverlay, {
         zIndex: 99999,
-        children: dragItem && /*#__PURE__*/jsx(Node$1, _objectSpread$e(_objectSpread$e({
+        children: dragItem && /*#__PURE__*/jsx(Node$1, _objectSpread$f(_objectSpread$f({
           hideTreeIndent: true
         }, nodeProps), {}, {
-          className: "neeto-ui-bg-gray-200",
+          className: "bg-muted",
           depth: 0,
           folder: dragItem,
           folderLabel: config.labels[((_dragItem$children$le = dragItem === null || dragItem === void 0 || (_dragItem$children = dragItem.children) === null || _dragItem$children === void 0 ? void 0 : _dragItem$children.length) !== null && _dragItem$children$le !== void 0 ? _dragItem$children$le : 0) > 1 ? "folders" : "folder"],
@@ -908,15 +902,15 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
       ref: setDroppableRef,
       className: classNames({
         "min-w-0 flex-1 transition-colors": true,
-        "neeto-ui-border-primary-500 border-b-2": isOver
+        "border-primary border-b-2": isOver
       })
     })]
   });
 };
 
 var _excluded$3 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
-function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _DraggableNode = function DraggableNode(_ref) {
   var _overItem$meta$parent;
   var folder = _ref.folder,
@@ -952,7 +946,7 @@ var _DraggableNode = function DraggableNode(_ref) {
         folder: folder
       }), isArray(folder.children) && folder.children.map(function (child) {
         var _child$children$lengt, _child$children;
-        return /*#__PURE__*/createElement(_DraggableNode, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, rest), {}, {
+        return /*#__PURE__*/createElement(_DraggableNode, _objectSpread$e(_objectSpread$e({}, _objectSpread$e(_objectSpread$e({}, rest), {}, {
           config: config,
           dragState: dragState
         })), {}, {
@@ -966,19 +960,19 @@ var _DraggableNode = function DraggableNode(_ref) {
     }, "".concat(folder.id, "--container"));
   };
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Node$1, _objectSpread$d(_objectSpread$d({
+    children: [/*#__PURE__*/jsx(Node$1, _objectSpread$e(_objectSpread$e({
       depth: folder.meta.depth
-    }, _objectSpread$d(_objectSpread$d(_objectSpread$d(_objectSpread$d({}, rest), {}, {
+    }, _objectSpread$e(_objectSpread$e(_objectSpread$e(_objectSpread$e({}, rest), {}, {
       folder: folder
     }, attributes), listeners), {}, {
       folderLabel: folderLabel,
       itemLabel: itemLabel
     })), {}, {
       className: classNames({
-        "hover:neeto-ui-bg-gray-100 w-full cursor-move transition-colors": true,
-        "neeto-ui-bg-gray-100 opacity-50": isDragging,
-        "neeto-ui-bg-primary-50": isOverParent,
-        "neeto-ui-border-primary-500 border-b-2": isOverItem
+        "hover:bg-muted w-full cursor-move transition-colors": true,
+        "bg-muted opacity-50": isDragging,
+        "bg-accent": isOverParent,
+        "border-primary border-b-2": isOverItem
       }),
       ref: function ref(_ref2) {
         setDroppableRef(_ref2);
@@ -988,8 +982,8 @@ var _DraggableNode = function DraggableNode(_ref) {
   });
 };
 
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var initialDragState = {
   activeItem: null,
   overItem: null
@@ -1101,7 +1095,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
   });
   var nodeProps = {
     icon: /*#__PURE__*/jsx(GripVertical, {
-      className: "neeto-ui-text-gray-500 relative -start-[0.3125rem] flex-shrink-0"
+      className: "text-muted-foreground relative -start-[0.3125rem] flex-shrink-0"
     })
   };
   if (isFetching) {
@@ -1130,7 +1124,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
       },
       children: [/*#__PURE__*/jsx(Sheet.Body, {
         className: "pb-6",
-        children: /*#__PURE__*/createElement(_DraggableNode, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, nodeProps), {}, {
+        children: /*#__PURE__*/createElement(_DraggableNode, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, nodeProps), {}, {
           config: config,
           dragState: dragState
         })), {}, {
@@ -1153,10 +1147,10 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
         })]
       }), /*#__PURE__*/createPortal(/*#__PURE__*/jsx(DragOverlay, {
         zIndex: 99999,
-        children: dragState && /*#__PURE__*/jsx(Node$1, _objectSpread$c(_objectSpread$c({
+        children: dragState && /*#__PURE__*/jsx(Node$1, _objectSpread$d(_objectSpread$d({
           hideTreeIndent: true
         }, nodeProps), {}, {
-          className: "neeto-ui-bg-gray-200 ps-4 pe-12",
+          className: "bg-muted ps-4 pe-12",
           depth: 0,
           folder: dragState.activeItem,
           folderLabel: config.labels[((_dragState$activeItem = (_dragState$activeItem2 = dragState.activeItem) === null || _dragState$activeItem2 === void 0 || (_dragState$activeItem2 = _dragState$activeItem2.children) === null || _dragState$activeItem2 === void 0 ? void 0 : _dragState$activeItem2.length) !== null && _dragState$activeItem !== void 0 ? _dragState$activeItem : 0) > 1 ? "folders" : "folder"],
@@ -1168,11 +1162,11 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
 };
 
 var _excluded$2 = ["type"];
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FoldersPane = function FoldersPane(_ref) {
   var configProps = _ref.config;
-  var config = _objectSpread$b(_objectSpread$b({}, DEFAULT_CONFIG), configProps);
+  var config = _objectSpread$c(_objectSpread$c({}, DEFAULT_CONFIG), configProps);
   var setFocusField = useRef(null);
   var _useFolderStore = useFolderStore(function (store) {
       return {
@@ -1190,7 +1184,7 @@ var FoldersPane = function FoldersPane(_ref) {
       paneState: null
     });
   };
-  var commonProps = _objectSpread$b({
+  var commonProps = _objectSpread$c({
     config: config,
     onClose: onClose
   }, rest);
@@ -1199,9 +1193,9 @@ var FoldersPane = function FoldersPane(_ref) {
     onClose: onClose,
     initialFocusRef: setFocusField,
     isOpen: !!type,
-    children: [(type === "edit" || type === "add") && /*#__PURE__*/jsx(AddEditPane, _objectSpread$b({}, _objectSpread$b({
+    children: [(type === "edit" || type === "add") && /*#__PURE__*/jsx(AddEditPane, _objectSpread$c({}, _objectSpread$c({
       setFocusField: setFocusField
-    }, commonProps))), type === "move" && /*#__PURE__*/jsx(MoveFolderPane, _objectSpread$b({}, commonProps)), type === "reorder" && /*#__PURE__*/jsx(ReorderPaneComponent, _objectSpread$b({}, commonProps))]
+    }, commonProps))), type === "move" && /*#__PURE__*/jsx(MoveFolderPane, _objectSpread$c({}, commonProps)), type === "reorder" && /*#__PURE__*/jsx(ReorderPaneComponent, _objectSpread$c({}, commonProps))]
   });
 };
 
@@ -1217,8 +1211,8 @@ var FoldersContext = function FoldersContext(_ref) {
   });
 };
 
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FolderTile = function FolderTile(_ref) {
   var _folder$children$leng, _folder$children, _folder$children$leng2, _folder$children2;
   var _ref$isPreview = _ref.isPreview,
@@ -1238,7 +1232,7 @@ var FolderTile = function FolderTile(_ref) {
   });
   var draggable = useDraggable({
     id: "draggable-item--".concat(folder.id),
-    data: _objectSpread$a(_objectSpread$a({}, folder), {}, {
+    data: _objectSpread$b(_objectSpread$b({}, folder), {}, {
       type: DEFAULT_CONFIG.type
     }),
     disabled: isPreview
@@ -1268,11 +1262,11 @@ var FolderTile = function FolderTile(_ref) {
   var folderLabel = config.labels[((_folder$children$leng2 = (_folder$children2 = folder.children) === null || _folder$children2 === void 0 ? void 0 : _folder$children2.length) !== null && _folder$children$leng2 !== void 0 ? _folder$children$leng2 : 0) > 1 ? "folders" : "folder"];
   childCount > 0 && metaInfo.push("".concat(childCount, " ").concat(folderLabel).toLowerCase());
   metaInfo.push("".concat(folder.itemCount || 0, " ").concat(itemLabel).toLowerCase());
-  return /*#__PURE__*/jsxs(Link, _objectSpread$a(_objectSpread$a(_objectSpread$a(_objectSpread$a(_objectSpread$a({
+  return /*#__PURE__*/jsxs(Link, _objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b({
     "data-testid": "".concat(hyphenate(folder.name), "-folder-tile"),
     to: link,
-    className: classNames("neeto-ui-bg-gray-50 neeto-ui-border-gray-200 neeto-ui-rounded-md hover:neeto-ui-border-primary-500 relative flex max-w-full items-start gap-2 border-2 p-3 transition-colors ease-in", {
-      "neeto-ui-bg-primary-100": droppable.isOver,
+    className: classNames("bg-muted border-border rounded-md hover:border-primary relative flex max-w-full items-start gap-2 border-2 p-3 transition-colors ease-in", {
+      "bg-accent": droppable.isOver,
       "opacity-50": draggable.isDragging,
       "scale-75": isPreview
     })
@@ -1301,7 +1295,7 @@ var FolderTile = function FolderTile(_ref) {
         weight: "medium",
         children: folder.name
       }), /*#__PURE__*/jsx(Typography, {
-        className: "neeto-ui-text-gray-600",
+        className: "text-muted-foreground",
         variant: "body3",
         children: metaInfo.join(" . ")
       })]
@@ -1386,14 +1380,14 @@ var FoldersDnd = function FoldersDnd(_ref) {
   });
 };
 
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FoldersList = function FoldersList(_ref) {
   var _ref$selection = _ref.selection,
     selection = _ref$selection === void 0 ? [] : _ref$selection,
     configProps = _ref.config,
     onSelect = _ref.onSelect;
-  var config = _objectSpread$9(_objectSpread$9({}, DEFAULT_CONFIG), configProps);
+  var config = _objectSpread$a(_objectSpread$a({}, DEFAULT_CONFIG), configProps);
   var params = useQueryParams();
   var _useTranslation = useTranslation(config),
     t = _useTranslation.t;
@@ -1421,7 +1415,7 @@ var FoldersList = function FoldersList(_ref) {
           onSelect: onSelect,
           isSelected: selection.includes(folder.id),
           key: folder.id,
-          link: buildUrl(config.folderPath, _objectSpread$9(_objectSpread$9({}, params), {}, {
+          link: buildUrl(config.folderPath, _objectSpread$a(_objectSpread$a({}, params), {}, {
             folderId: folder.sid
           }))
         });
@@ -1430,8 +1424,8 @@ var FoldersList = function FoldersList(_ref) {
   });
 };
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DraggableWrapper = function DraggableWrapper(_ref) {
   var data = _ref.data,
     _ref$id = _ref.id,
@@ -1441,7 +1435,7 @@ var DraggableWrapper = function DraggableWrapper(_ref) {
     id: "folders-list-draggable-item--".concat(id),
     data: data
   });
-  return /*#__PURE__*/jsx("div", _objectSpread$8(_objectSpread$8(_objectSpread$8({
+  return /*#__PURE__*/jsx("div", _objectSpread$9(_objectSpread$9(_objectSpread$9({
     className: classNames({
       "opacity-50": draggable.isDragging
     })
@@ -1452,8 +1446,8 @@ var DraggableWrapper = function DraggableWrapper(_ref) {
 };
 
 var _excluded$1 = ["isOpen", "onClose"];
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MoveToFolderPane = function MoveToFolderPane(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -1461,16 +1455,16 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
   return /*#__PURE__*/jsx(Sheet, {
     isOpen: isOpen,
     onClose: onClose,
-    children: /*#__PURE__*/jsx(PaneBody, _objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, rest), {}, {
+    children: /*#__PURE__*/jsx(PaneBody, _objectSpread$8({}, _objectSpread$8(_objectSpread$8({}, rest), {}, {
       onClose: onClose
     })))
   });
 };
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FolderIcon = function FolderIcon(props) {
-  return /*#__PURE__*/jsx("svg", _objectSpread$6(_objectSpread$6({
+  return /*#__PURE__*/jsx("svg", _objectSpread$7(_objectSpread$7({
     fill: "none",
     height: props.size,
     viewBox: "0 0 16 16",
@@ -1484,10 +1478,10 @@ var FolderIcon = function FolderIcon(props) {
   }));
 };
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FolderIconOpen = function FolderIconOpen(props) {
-  return /*#__PURE__*/jsx("svg", _objectSpread$5(_objectSpread$5({
+  return /*#__PURE__*/jsx("svg", _objectSpread$6(_objectSpread$6({
     fill: "none",
     height: props.size,
     viewBox: "0 0 16 16",
@@ -1556,7 +1550,7 @@ var Node = function Node(_ref) {
           })
         })]
       }), hasAnyActions && /*#__PURE__*/jsxs("div", {
-        className: "flex items-center gap-0.5 py-0.5 absolute end-0 top-0 h-full neeto-sidebar-folders-tree__folder-node-actions neeto-ui-rounded-md ps-2",
+        className: "flex items-center gap-0.5 py-0.5 absolute end-0 top-0 h-full neeto-sidebar-folders-tree__folder-node-actions rounded-md ps-2",
         onClick: function onClick(e) {
           e.preventDefault();
           e.stopPropagation();
@@ -1584,10 +1578,10 @@ var Node = function Node(_ref) {
   });
 };
 
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DownIcon = function DownIcon(props) {
-  return /*#__PURE__*/jsx("svg", _objectSpread$4(_objectSpread$4({
+  return /*#__PURE__*/jsx("svg", _objectSpread$5(_objectSpread$5({
     fill: "none",
     height: "6",
     viewBox: "0 0 6 6",
@@ -1601,10 +1595,10 @@ var DownIcon = function DownIcon(props) {
   }));
 };
 
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RightIcon = function RightIcon(props) {
-  return /*#__PURE__*/jsx("svg", _objectSpread$3(_objectSpread$3({
+  return /*#__PURE__*/jsx("svg", _objectSpread$4(_objectSpread$4({
     fill: "none",
     height: "6",
     viewBox: "0 0 6 6",
@@ -1621,19 +1615,19 @@ var RightIcon = function RightIcon(props) {
 var SwitcherIcon = function SwitcherIcon(_ref) {
   var expanded = _ref.expanded;
   return expanded ? /*#__PURE__*/jsx(DownIcon, {
-    className: "neeto-ui-relative",
+    className: "relative",
     size: 16
   }) : /*#__PURE__*/jsx(RightIcon, {
-    className: "neeto-ui-relative",
+    className: "relative",
     size: 16
   });
 };
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var splitItemsByFolder = function splitItemsByFolder(items) {
   return items.reduce(function (acc, item) {
-    var value = _objectSpread$2(_objectSpread$2({}, item), {}, {
+    var value = _objectSpread$3(_objectSpread$3({}, item), {}, {
       isFolder: false,
       isLeaf: true
     });
@@ -1641,7 +1635,7 @@ var splitItemsByFolder = function splitItemsByFolder(items) {
       if (!acc.itemsByFolderId[item.folderId]) {
         acc.itemsByFolderId[item.folderId] = [];
       }
-      acc.itemsByFolderId[item.folderId].push(_objectSpread$2({}, value));
+      acc.itemsByFolderId[item.folderId].push(_objectSpread$3({}, value));
     } else {
       acc.rootItems.push(value);
     }
@@ -1653,7 +1647,7 @@ var splitItemsByFolder = function splitItemsByFolder(items) {
 };
 var _appendItemsToFolders = function appendItemsToFolders(folders, itemsByFolderId) {
   return folders.map(function (folder) {
-    return _objectSpread$2(_objectSpread$2({}, folder), {}, {
+    return _objectSpread$3(_objectSpread$3({}, folder), {}, {
       isFolder: true,
       isLeaf: false,
       children: [].concat(_toConsumableArray(_appendItemsToFolders(folder.children || [], itemsByFolderId)), _toConsumableArray(itemsByFolderId[folder.id] || []))
@@ -1670,11 +1664,26 @@ var buildTreeWithItems = function buildTreeWithItems(folders, _ref) {
   return [].concat(_toConsumableArray(foldersWithItems), _toConsumableArray(rootItems));
 };
 
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// neeto-atoms Tree (react-arborist based) requires `key`/`title` on every node
+// and has no `fieldNames` prop, unlike neetoui's antd Tree which used
+// fieldNames={{ key: "sid" }}. Map them in while preserving the original fields
+// (sid, link, meta, isFolder, isPrivate, …) so titleRender/onExpand keep working.
+var _toAtomsTreeData = function toAtomsTreeData() {
+  var nodes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return nodes.map(function (node) {
+    return _objectSpread$3(_objectSpread$3({}, node), {}, {
+      key: node.sid,
+      title: node.name,
+      children: node.children ? _toAtomsTreeData(node.children) : undefined
+    });
+  });
+};
+
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FoldersTree = function FoldersTree(_ref) {
   var configProps = _ref.config;
-  var config = _objectSpread$1(_objectSpread$1({}, DEFAULT_CONFIG), configProps);
+  var config = _objectSpread$2(_objectSpread$2({}, DEFAULT_CONFIG), configProps);
   var _useState = useState(new Set()),
     _useState2 = _slicedToArray(_useState, 2),
     expandedKeysSet = _useState2[0],
@@ -1682,14 +1691,14 @@ var FoldersTree = function FoldersTree(_ref) {
   var expandedKeys = Array.from(expandedKeysSet);
   var _useTranslation = useTranslation(config),
     t = _useTranslation.t;
-  var params = useQueryParams$1({
+  var params = useQueryParams({
     toCamelCase: false
   });
   var activeFolderSid = getActiveFolderId(config);
   var _useFetchFolders = useFetchFolders(config),
     folders = _useFetchFolders.data;
   var treeData = useMemo(function () {
-    return buildTreeWithItems(folders, config);
+    return _toAtomsTreeData(buildTreeWithItems(folders, config));
   }, [folders, config.items]);
   var updateExpandedKeys = function updateExpandedKeys() {
     var _activeFolder$meta;
@@ -1724,9 +1733,9 @@ var FoldersTree = function FoldersTree(_ref) {
     startTransition(updateExpandedKeys);
   }, [activeFolderSid, treeData]);
   if (isNotPresent(treeData)) {
-    return /*#__PURE__*/jsx(Typography$1, {
+    return /*#__PURE__*/jsx(Typography, {
       className: "w-full text-center",
-      style: "body2",
+      variant: "body2",
       weight: "semibold",
       children: t("folders.noFolders")
     });
@@ -1737,13 +1746,8 @@ var FoldersTree = function FoldersTree(_ref) {
     autoExpandParent: true,
     blockNode: true,
     className: "neeto-sidebar-folders-tree",
-    componentToken: {
-      titleHeight: 24,
-      indentSize: 20
-    },
-    fieldNames: {
-      key: "sid"
-    },
+    indent: 20,
+    rowHeight: 24,
     selectedKeys: [activeFolderSid],
     showLine: false,
     switcherIcon: SwitcherIcon,
@@ -1753,7 +1757,7 @@ var FoldersTree = function FoldersTree(_ref) {
         node: node,
         isActive: node.sid === activeFolderSid,
         isExpanded: expandedKeysSet.has(node.sid),
-        link: node.link || buildUrl$1(config.folderPath, _objectSpread$1(_objectSpread$1({}, params), {}, {
+        link: node.link || buildUrl(config.folderPath, _objectSpread$2(_objectSpread$2({}, params), {}, {
           folderId: node.sid
         }))
       });
@@ -1762,25 +1766,34 @@ var FoldersTree = function FoldersTree(_ref) {
   });
 };
 
-var createFolderOptions = function createFolderOptions(foldersMap, config) {
-  return mapObj(foldersMap, function (folder) {
-    var _folder$meta$parent;
-    return {
-      id: folder.id,
-      label: folder.name,
-      value: folder.id,
-      pId: (_folder$meta$parent = folder.meta.parent) === null || _folder$meta$parent === void 0 ? void 0 : _folder$meta$parent.id
-    };
-  }, function (folder) {
-    return folder.meta.depth < config.maxDepth;
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// neeto-atoms TreeSelect expects nested treeData ({ key, title, children }) and
+// has no `treeDataSimpleMode`, unlike neetoui's antd TreeSelect which consumed a
+// flat list keyed by pId. Build the nested shape directly from the folders tree,
+// pruning folders at/below maxDepth (and their subtrees).
+//
+// Depth is derived structurally from the recursion level (roots = 0), matching
+// treeToMap/walkTree — the raw `folders` from the API don't carry a computed
+// `meta.depth`; v1 only had it because it passed the treeToMap'd map.
+var _createFolderOptions = function createFolderOptions(folders, config) {
+  var depth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  if (depth >= config.maxDepth) return [];
+  return (folders !== null && folders !== void 0 ? folders : []).map(function (folder) {
+    var children = _createFolderOptions(folder.children, config, depth + 1);
+    return _objectSpread$1({
+      key: folder.id,
+      title: folder.name
+    }, children.length > 0 && {
+      children: children
+    });
   });
 };
 
-var _excluded = ["label", "name", "placeholder", "disabled", "loading", "required", "showSearch", "size", "fieldNames", "config", "initialValue"];
+var _excluded = ["label", "name", "placeholder", "disabled", "required", "showSearch", "allowClear", "config", "initialValue"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _fieldNames$label;
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
     name = _ref.name,
@@ -1788,15 +1801,12 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
     placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
     _ref$required = _ref.required,
     required = _ref$required === void 0 ? false : _ref$required,
     _ref$showSearch = _ref.showSearch,
     showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "middle" : _ref$size,
-    fieldNames = _ref.fieldNames,
+    _ref$allowClear = _ref.allowClear,
+    allowClear = _ref$allowClear === void 0 ? false : _ref$allowClear,
     config = _ref.config,
     initialValue = _ref.initialValue,
     otherProps = _objectWithoutProperties(_ref, _excluded);
@@ -1817,24 +1827,19 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setFieldValue(name, parentId);
   }, [parentId, name]);
   var folderOptions = useMemo(function () {
-    return createFolderOptions(foldersMap, config);
-  }, [foldersMap]);
-  return /*#__PURE__*/jsx(NUITreeSelect, _objectSpread({
-    treeDataSimpleMode: true,
-    "data-testid": "nui-select-container-wrapper",
-    treeData: folderOptions,
-    treeNodeFilterProp: (_fieldNames$label = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) !== null && _fieldNames$label !== void 0 ? _fieldNames$label : "title"
+    return _createFolderOptions(folders !== null && folders !== void 0 ? folders : [], config);
+  }, [folders]);
+  return /*#__PURE__*/jsx(TreeSelect$1, _objectSpread({
+    isClearable: allowClear,
+    isDisabled: disabled,
+    isSearchable: showSearch,
+    treeData: folderOptions
   }, _objectSpread({
-    disabled: disabled,
-    fieldNames: fieldNames,
     label: label,
-    loading: loading,
     name: name,
     placeholder: placeholder,
     ref: ref,
-    required: required,
-    showSearch: showSearch,
-    size: size
+    required: required
   }, otherProps)));
 });
 TreeSelect.displayName = "TreeSelect";