@bigbinary/neeto-folders-frontend 2.0.38 → 2.0.39

package/dist/cjs/v2/components.js

@@ -9,11 +9,11 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
 var utils$1 = require('@bigbinary/neeto-commons-frontend/v2/utils');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
-var useFolderActions = require('../../useFolderActions-D7U62Qea.js');
+var useFolderActions = require('../../useFolderActions-DImaQ3gr.js');
 var injectCss = require('../../inject-css-D3Ee0dJK.js');
 var constants = require('../constants.js');
-var utils = require('../../index-Dn0REquw.js');
-var internal = require('../../internal-DKHdgJas.js');
+var utils = require('../../index-BuO0HoGs.js');
+var internal = require('../../internal-DAkDv0P1.js');
 var jsxRuntime = require('react/jsx-runtime');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
@@ -32,17 +32,12 @@ var lucideReact = require('lucide-react');
 var reactDom = require('react-dom');
 var modifiers = require('@dnd-kit/modifiers');
 var MoreDropdown = require('@bigbinary/neeto-molecules/v2/MoreDropdown');
-var reactUtils$1 = require('@bigbinary/neeto-commons-frontend/react-utils');
-var utils$2 = require('@bigbinary/neeto-commons-frontend/utils');
-var Tree = require('@bigbinary/neetoui/Tree');
-var Typography = require('@bigbinary/neetoui/Typography');
 var formik$1 = require('formik');
-var NUITreeSelect = require('@bigbinary/neetoui/formik/TreeSelect');
+require('@bigbinary/neeto-commons-frontend/react-utils');
 require('zustand');
-require('@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 = useFolderActions.useFolderStore(function (store) {
@@ -97,7 +92,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
       if (isActive && folders) {
         var path = utils.pathToFolder(folders, item.id);
         var parent = path[path.length - 2];
-        var redirectUrl = parent ? utils$1.buildUrl(config.folderPath, _objectSpread$k(_objectSpread$k({}, queryParams), {}, {
+        var redirectUrl = parent ? utils$1.buildUrl(config.folderPath, _objectSpread$l(_objectSpread$l({}, queryParams), {}, {
           folderId: parent.sid
         })) : "/";
         history.replace(redirectUrl);
@@ -118,7 +113,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
     if (config.customizeAlerts) config.customizeAlerts(type, item, alertProps);
     alertProps.onSubmit = onConfirmDelete;
   }
-  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Alert, _objectSpread$k({}, alertProps));
+  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Alert, _objectSpread$l({}, alertProps));
 };
 
 var FORM_VALIDATION_SCHEMA = yup.object().shape({
@@ -128,8 +123,8 @@ var FORM_VALIDATION_SCHEMA = yup.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: formik.Input,
   "boolean": formik.Switch,
@@ -143,7 +138,7 @@ var ExtraAttributes = function ExtraAttributes(_ref) {
       rest = _objectWithoutProperties(_ref2, _excluded$7);
     var Component = typeComponentMap[type];
     if (!Component) return null;
-    return /*#__PURE__*/React.createElement(Component, _objectSpread$j(_objectSpread$j({}, rest), {}, {
+    return /*#__PURE__*/React.createElement(Component, _objectSpread$k(_objectSpread$k({}, rest), {}, {
       key: rest.name
     }));
   });
@@ -351,8 +346,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$1 = function Node(_ref, ref) {
   var _folder$children$leng, _folder$children;
   var _ref$icon = _ref.icon,
@@ -376,14 +371,14 @@ var Node$1 = function Node(_ref, ref) {
       length: depth + 1
     }).map(function (_, index) {
       return /*#__PURE__*/jsxRuntime.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: injectCss.REORDER_TREE_INDENT_WIDTH,
           insetInlineStart: Math.round(injectCss.REORDER_TREE_INDENT_WIDTH / 2)
         },
         children: index === depth && /*#__PURE__*/jsxRuntime.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%",
@@ -391,7 +386,7 @@ var Node$1 = function Node(_ref, ref) {
           }
         })
       }, index);
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$i(_objectSpread$i({}, _objectSpread$i(_objectSpread$i({}, rest), {}, {
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$j(_objectSpread$j({}, _objectSpread$j(_objectSpread$j({}, rest), {}, {
       onClick: onClick,
       ref: ref
     })), {}, {
@@ -404,7 +399,7 @@ var Node$1 = function Node(_ref, ref) {
           weight: "medium",
           children: folder.name
         }), metaInfo.length > 0 && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-          className: "neeto-ui-text-gray-500",
+          className: "text-muted-foreground",
           variant: "body3",
           weight: "normal",
           children: metaInfo.join(" . ")
@@ -416,8 +411,8 @@ var Node$1 = function Node(_ref, ref) {
 var Node$2 = /*#__PURE__*/React.forwardRef(Node$1);
 
 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,
@@ -438,7 +433,7 @@ var _SelectableNode = function SelectableNode(_ref) {
   var renderChildren = function renderChildren() {
     if (neetoCist.isNotPresent(folder.children)) return null;
     return folder.children.map(function (child) {
-      return /*#__PURE__*/React.createElement(_SelectableNode, _objectSpread$h(_objectSpread$h({}, _objectSpread$h(_objectSpread$h({}, rest), {}, {
+      return /*#__PURE__*/React.createElement(_SelectableNode, _objectSpread$i(_objectSpread$i({}, _objectSpread$i(_objectSpread$i({}, rest), {}, {
         config: config,
         item: item,
         maxDepth: maxDepth
@@ -456,7 +451,7 @@ var _SelectableNode = function SelectableNode(_ref) {
     className: classNames("flex flex-col w-full min-w-0", {
       "opacity-60": isDisabled
     }),
-    children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$h(_objectSpread$h({}, _objectSpread$h(_objectSpread$h({}, rest), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$i(_objectSpread$i({}, _objectSpread$i(_objectSpread$i({}, rest), {}, {
       depth: depth,
       folder: folder,
       folderLabel: folderLabel,
@@ -465,7 +460,6 @@ var _SelectableNode = function SelectableNode(_ref) {
       icon: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.RadioGroup.Item, {
         readOnly: true,
         checked: selection === folder.id,
-        className: "neeto-ui-radio__container",
         "data-testid": "".concat(neetoCist.hyphenate(folder.name), "-folder-option"),
         name: "move-folder-option"
       }),
@@ -476,8 +470,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: "/",
@@ -601,7 +595,7 @@ var PaneBody = function PaneBody(_ref) {
       className: "space-x-2",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-1 space-x-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$g(_objectSpread$g({
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$h(_objectSpread$h({
           label: t("common.save"),
           variant: "default",
           onClick: function onClick() {
@@ -610,14 +604,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__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$h(_objectSpread$h({
           label: t("common.cancel"),
           variant: "ghost",
           onClick: onClose
         }, cancelButtonProps), {}, {
           "data-testid": "cancel-button"
         }))]
-      }), onRemove && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$g(_objectSpread$g({
+      }), onRemove && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$h(_objectSpread$h({
         label: t("moveToFolder.remove"),
         variant: "outline",
         onClick: onRemove
@@ -674,8 +668,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,
@@ -704,7 +698,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     if (neetoCist.isNotPresent(folder.children) || isDragging) return null;
     return folder.children.map(function (child) {
       var _child$children$lengt, _child$children;
-      return /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, rest), {}, {
+      return /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, rest), {}, {
         config: config
       })), {}, {
         depth: depth + 1,
@@ -716,14 +710,14 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     });
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$f(_objectSpread$f(_objectSpread$f({}, rest), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _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,
+        "neeto-ui-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), {}, {
@@ -738,8 +732,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,
@@ -822,7 +816,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
   });
   var nodeProps = {
     icon: /*#__PURE__*/jsxRuntime.jsx(lucideReact.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) {
@@ -844,7 +838,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
       },
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Body, {
         className: "pb-6",
-        children: /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$e(_objectSpread$e({}, _objectSpread$e(_objectSpread$e({}, nodeProps), {}, {
+        children: /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, nodeProps), {}, {
           config: config
         })), {}, {
           folder: tree,
@@ -866,10 +860,10 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
         })]
       }), /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx(core.DragOverlay, {
         zIndex: 99999,
-        children: dragItem && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$e(_objectSpread$e({
+        children: dragItem && /*#__PURE__*/jsxRuntime.jsx(Node$2, _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"],
@@ -910,15 +904,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,
@@ -954,7 +948,7 @@ var _DraggableNode = function DraggableNode(_ref) {
         folder: folder
       }), internal.isArray(folder.children) && folder.children.map(function (child) {
         var _child$children$lengt, _child$children;
-        return /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, rest), {}, {
+        return /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$e(_objectSpread$e({}, _objectSpread$e(_objectSpread$e({}, rest), {}, {
           config: config,
           dragState: dragState
         })), {}, {
@@ -968,19 +962,19 @@ var _DraggableNode = function DraggableNode(_ref) {
     }, "".concat(folder.id, "--container"));
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$d(_objectSpread$d({
+    children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _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);
@@ -990,8 +984,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
@@ -1103,7 +1097,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
   });
   var nodeProps = {
     icon: /*#__PURE__*/jsxRuntime.jsx(lucideReact.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) {
@@ -1132,7 +1126,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
       },
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Body, {
         className: "pb-6",
-        children: /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, nodeProps), {}, {
+        children: /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, nodeProps), {}, {
           config: config,
           dragState: dragState
         })), {}, {
@@ -1155,10 +1149,10 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
         })]
       }), /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx(core.DragOverlay, {
         zIndex: 99999,
-        children: dragState && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$c(_objectSpread$c({
+        children: dragState && /*#__PURE__*/jsxRuntime.jsx(Node$2, _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"],
@@ -1170,11 +1164,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({}, useFolderActions.DEFAULT_CONFIG), configProps);
+  var config = _objectSpread$c(_objectSpread$c({}, useFolderActions.DEFAULT_CONFIG), configProps);
   var setFocusField = React.useRef(null);
   var _useFolderStore = useFolderActions.useFolderStore(function (store) {
       return {
@@ -1192,7 +1186,7 @@ var FoldersPane = function FoldersPane(_ref) {
       paneState: null
     });
   };
-  var commonProps = _objectSpread$b({
+  var commonProps = _objectSpread$c({
     config: config,
     onClose: onClose
   }, rest);
@@ -1201,9 +1195,9 @@ var FoldersPane = function FoldersPane(_ref) {
     onClose: onClose,
     initialFocusRef: setFocusField,
     isOpen: !!type,
-    children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$b({}, _objectSpread$b({
+    children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$c({}, _objectSpread$c({
       setFocusField: setFocusField
-    }, commonProps))), type === "move" && /*#__PURE__*/jsxRuntime.jsx(MoveFolderPane, _objectSpread$b({}, commonProps)), type === "reorder" && /*#__PURE__*/jsxRuntime.jsx(ReorderPaneComponent, _objectSpread$b({}, commonProps))]
+    }, commonProps))), type === "move" && /*#__PURE__*/jsxRuntime.jsx(MoveFolderPane, _objectSpread$c({}, commonProps)), type === "reorder" && /*#__PURE__*/jsxRuntime.jsx(ReorderPaneComponent, _objectSpread$c({}, commonProps))]
   });
 };
 
@@ -1219,8 +1213,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,
@@ -1240,7 +1234,7 @@ var FolderTile = function FolderTile(_ref) {
   });
   var draggable = core.useDraggable({
     id: "draggable-item--".concat(folder.id),
-    data: _objectSpread$a(_objectSpread$a({}, folder), {}, {
+    data: _objectSpread$b(_objectSpread$b({}, folder), {}, {
       type: useFolderActions.DEFAULT_CONFIG.type
     }),
     disabled: isPreview
@@ -1270,11 +1264,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__*/jsxRuntime.jsxs(reactRouterDom.Link, _objectSpread$a(_objectSpread$a(_objectSpread$a(_objectSpread$a(_objectSpread$a({
+  return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Link, _objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b({
     "data-testid": "".concat(neetoCist.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 neeto-ui-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
     })
@@ -1303,7 +1297,7 @@ var FolderTile = function FolderTile(_ref) {
         weight: "medium",
         children: folder.name
       }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        className: "neeto-ui-text-gray-600",
+        className: "text-muted-foreground",
         variant: "body3",
         children: metaInfo.join(" . ")
       })]
@@ -1388,14 +1382,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({}, useFolderActions.DEFAULT_CONFIG), configProps);
+  var config = _objectSpread$a(_objectSpread$a({}, useFolderActions.DEFAULT_CONFIG), configProps);
   var params = reactUtils.useQueryParams();
   var _useTranslation = injectCss.useTranslation(config),
     t = _useTranslation.t;
@@ -1423,7 +1417,7 @@ var FoldersList = function FoldersList(_ref) {
           onSelect: onSelect,
           isSelected: selection.includes(folder.id),
           key: folder.id,
-          link: utils$1.buildUrl(config.folderPath, _objectSpread$9(_objectSpread$9({}, params), {}, {
+          link: utils$1.buildUrl(config.folderPath, _objectSpread$a(_objectSpread$a({}, params), {}, {
             folderId: folder.sid
           }))
         });
@@ -1432,8 +1426,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,
@@ -1443,7 +1437,7 @@ var DraggableWrapper = function DraggableWrapper(_ref) {
     id: "folders-list-draggable-item--".concat(id),
     data: data
   });
-  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$8(_objectSpread$8(_objectSpread$8({
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$9(_objectSpread$9(_objectSpread$9({
     className: classNames({
       "opacity-50": draggable.isDragging
     })
@@ -1454,8 +1448,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,
@@ -1463,16 +1457,16 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet, {
     isOpen: isOpen,
     onClose: onClose,
-    children: /*#__PURE__*/jsxRuntime.jsx(PaneBody, _objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, rest), {}, {
+    children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("svg", _objectSpread$6(_objectSpread$6({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$7(_objectSpread$7({
     fill: "none",
     height: props.size,
     viewBox: "0 0 16 16",
@@ -1486,10 +1480,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__*/jsxRuntime.jsx("svg", _objectSpread$5(_objectSpread$5({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$6(_objectSpread$6({
     fill: "none",
     height: props.size,
     viewBox: "0 0 16 16",
@@ -1586,10 +1580,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__*/jsxRuntime.jsx("svg", _objectSpread$4(_objectSpread$4({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$5(_objectSpread$5({
     fill: "none",
     height: "6",
     viewBox: "0 0 6 6",
@@ -1603,10 +1597,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__*/jsxRuntime.jsx("svg", _objectSpread$3(_objectSpread$3({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$4(_objectSpread$4({
     fill: "none",
     height: "6",
     viewBox: "0 0 6 6",
@@ -1623,19 +1617,19 @@ var RightIcon = function RightIcon(props) {
 var SwitcherIcon = function SwitcherIcon(_ref) {
   var expanded = _ref.expanded;
   return expanded ? /*#__PURE__*/jsxRuntime.jsx(DownIcon, {
-    className: "neeto-ui-relative",
+    className: "relative",
     size: 16
   }) : /*#__PURE__*/jsxRuntime.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
     });
@@ -1643,7 +1637,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);
     }
@@ -1655,7 +1649,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] || []))
@@ -1672,11 +1666,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({}, useFolderActions.DEFAULT_CONFIG), configProps);
+  var config = _objectSpread$2(_objectSpread$2({}, useFolderActions.DEFAULT_CONFIG), configProps);
   var _useState = React.useState(new Set()),
     _useState2 = _slicedToArray(_useState, 2),
     expandedKeysSet = _useState2[0],
@@ -1684,14 +1693,14 @@ var FoldersTree = function FoldersTree(_ref) {
   var expandedKeys = Array.from(expandedKeysSet);
   var _useTranslation = injectCss.useTranslation(config),
     t = _useTranslation.t;
-  var params = reactUtils$1.useQueryParams({
+  var params = reactUtils.useQueryParams({
     toCamelCase: false
   });
   var activeFolderSid = internal.getActiveFolderId(config);
   var _useFetchFolders = useFolderActions.useFetchFolders(config),
     folders = _useFetchFolders.data;
   var treeData = React.useMemo(function () {
-    return buildTreeWithItems(folders, config);
+    return _toAtomsTreeData(buildTreeWithItems(folders, config));
   }, [folders, config.items]);
   var updateExpandedKeys = function updateExpandedKeys() {
     var _activeFolder$meta;
@@ -1726,26 +1735,21 @@ var FoldersTree = function FoldersTree(_ref) {
     React.startTransition(updateExpandedKeys);
   }, [activeFolderSid, treeData]);
   if (neetoCist.isNotPresent(treeData)) {
-    return /*#__PURE__*/jsxRuntime.jsx(Typography, {
+    return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
       className: "w-full text-center",
-      style: "body2",
+      variant: "body2",
       weight: "semibold",
       children: t("folders.noFolders")
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsx(Tree, {
+  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tree, {
     expandedKeys: expandedKeys,
     treeData: treeData,
     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,
@@ -1755,7 +1759,7 @@ var FoldersTree = function FoldersTree(_ref) {
         node: node,
         isActive: node.sid === activeFolderSid,
         isExpanded: expandedKeysSet.has(node.sid),
-        link: node.link || utils$2.buildUrl(config.folderPath, _objectSpread$1(_objectSpread$1({}, params), {}, {
+        link: node.link || utils$1.buildUrl(config.folderPath, _objectSpread$2(_objectSpread$2({}, params), {}, {
           folderId: node.sid
         }))
       });
@@ -1764,25 +1768,34 @@ var FoldersTree = function FoldersTree(_ref) {
   });
 };
 
-var createFolderOptions = function createFolderOptions(foldersMap, config) {
-  return internal.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__*/React.forwardRef(function (_ref, ref) {
-  var _fieldNames$label;
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
     name = _ref.name,
@@ -1790,15 +1803,12 @@ var TreeSelect = /*#__PURE__*/React.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);
@@ -1819,24 +1829,19 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setFieldValue(name, parentId);
   }, [parentId, name]);
   var folderOptions = React.useMemo(function () {
-    return createFolderOptions(foldersMap, config);
-  }, [foldersMap]);
-  return /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(formik.TreeSelect, _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";