@dust-tt/sparkle 0.2.244 → 0.2.245

package/dist/cjs/index.js

@@ -129189,6 +129189,12 @@ function Tree(_a) {
             ? "s-rounded-xl s-border s-border-structure-200 s-bg-structure-50 s-p-4"
             : "") }, modifiedChildren));
 }
+var treeItemStyleClasses = {
+    base: "s-group/tree s-flex s-cursor-default s-flex-row s-items-center",
+    isNavigatableBase: "s-border s-transition-colors s-duration-300 s-ease-out s-cursor-pointer",
+    isNavigatableUnselected: "s-border-structure-200/0 s-bg-white/0 hover:s-border-structure-200 hover:s-bg-white",
+    isNavigatableSelected: "s-border-structure-200 s-bg-white",
+};
 Tree.Item = function (_a) {
     var label = _a.label, _b = _a.type, type = _b === void 0 ? "node" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.size, size = _d === void 0 ? "sm" : _d, _e = _a.tailwindIconTextColor, tailwindIconTextColor = _e === void 0 ? "s-text-element-800" : _e, visual = _a.visual, checkbox = _a.checkbox, onChevronClick = _a.onChevronClick, collapsed = _a.collapsed, defaultCollapsed = _a.defaultCollapsed, actions = _a.actions, _f = _a.areActionsFading, areActionsFading = _f === void 0 ? true : _f, renderTreeItems = _a.renderTreeItems, children = _a.children, _g = _a.isNavigatable, isNavigatable = _g === void 0 ? false : _g, _h = _a.isSelected, isSelected = _h === void 0 ? false : _h, onItemClick = _a.onItemClick;
     var _j = __read(React.useState(defaultCollapsed !== null && defaultCollapsed !== void 0 ? defaultCollapsed : true), 2), collapsedState = _j[0], setCollapsedState = _j[1];
@@ -129204,12 +129210,6 @@ Tree.Item = function (_a) {
         return typeof renderTreeItems === "function" ? renderTreeItems() : children;
     };
     var childrenToRender = getChildren();
-    var treeItemStyleClasses = {
-        base: "s-group/tree s-flex s-cursor-default s-flex-row s-items-center",
-        isNavigatableBase: "s-border s-transition-colors s-duration-300 s-ease-out s-cursor-pointer",
-        isNavigatableUnselected: "s-border-structure-200/0 s-bg-white/0 hover:s-border-structure-200 hover:s-bg-white",
-        isNavigatableSelected: "s-border-structure-200 s-bg-white",
-    };
     var isExpanded = childrenToRender && !effectiveCollapsed;
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: classNames(className ? className : "", treeItemStyleClasses.base, onItemClick ? "s-cursor-pointer" : "", isNavigatable ? treeItemStyleClasses.isNavigatableBase : "", isNavigatable
@@ -129239,6 +129239,10 @@ Tree.Item = function (_a) {
                     : "") }, actions))),
         React.Children.count(childrenToRender) > 0 && (React.createElement("div", { className: "s-pl-2.5" }, childrenToRender))));
 };
+Tree.Empty = function (_a) {
+    var label = _a.label;
+    return React.createElement("div", { className: "s-pl-4 s-text-sm s-text-element-600" }, label);
+};
 
 function ZoomableImageCitationWrapper(_a) {
     var alt = _a.alt, imgSrc = _a.imgSrc, title = _a.title, _b = _a.size, size = _b === void 0 ? "sm" : _b;