@dust-tt/sparkle 0.2.254-rc-2 → 0.2.255

package/dist/cjs/index.js

@@ -76047,7 +76047,7 @@ function Breadcrumbs(_a) {
     })));
 }
 function truncateWithTooltip(text, length) {
-    return text.length > length ? (React.createElement(Tooltip, { trigger: "".concat(text.substring(0, length - 1), "\u2026"), label: text })) : (text);
+    return text.length > length ? (React.createElement(Tooltip, { trigger: "".concat(text.substring(0, length - 1)).concat(ELLIPSIS_STRING), label: text })) : (text);
 }
 
 function Checkbox(_a) {
@@ -132649,8 +132649,8 @@ var treeItemStyleClasses = {
     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];
+    var label = _a.label, _b = _a.type, type = _b === void 0 ? "node" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.labelClassName, labelClassName = _d === void 0 ? "" : _d, _e = _a.size, size = _e === void 0 ? "sm" : _e, _f = _a.tailwindIconTextColor, tailwindIconTextColor = _f === void 0 ? "s-text-element-800" : _f, visual = _a.visual, checkbox = _a.checkbox, onChevronClick = _a.onChevronClick, collapsed = _a.collapsed, defaultCollapsed = _a.defaultCollapsed, actions = _a.actions, _g = _a.areActionsFading, areActionsFading = _g === void 0 ? true : _g, renderTreeItems = _a.renderTreeItems, children = _a.children, _h = _a.isNavigatable, isNavigatable = _h === void 0 ? false : _h, _j = _a.isSelected, isSelected = _j === void 0 ? false : _j, onItemClick = _a.onItemClick;
+    var _k = __read(React.useState(defaultCollapsed !== null && defaultCollapsed !== void 0 ? defaultCollapsed : true), 2), collapsedState = _k[0], setCollapsedState = _k[1];
     var isControlledCollapse = collapsed !== undefined;
     var effectiveCollapsed = isControlledCollapse ? collapsed : collapsedState;
     var effectiveOnChevronClick = isControlledCollapse
@@ -132685,7 +132685,7 @@ Tree.Item = function (_a) {
             type === "leaf" && React.createElement("div", { className: "s-w-4 s-flex-shrink-0" }),
             checkbox && React.createElement(Checkbox, __assign({}, checkbox, { size: "xs" })),
             React.createElement(Icon, { visual: visual, size: size === "sm" ? "sm" : "md", className: classNames("s-flex-shrink-0", tailwindIconTextColor) }),
-            React.createElement("div", { className: classNames("s-truncate s-font-medium s-text-element-900", size === "sm" ? "s-ml-1 s-text-sm" : "s-ml-1 s-text-base") }, label),
+            React.createElement("div", { className: classNames("s-truncate s-font-medium s-text-element-900 ".concat(labelClassName), size === "sm" ? "s-ml-1 s-text-sm" : "s-ml-1 s-text-base") }, label),
             React.createElement("div", { className: "s-grow" }),
             actions && (React.createElement("div", { className: classNames("s-flex s-gap-2 s-pl-4", areActionsFading
                     ? "s-transform s-opacity-0 s-duration-300 group-hover/tree:s-opacity-100"