@dust-tt/sparkle 0.2.244 → 0.2.246

package/dist/cjs/index.js

@@ -103571,10 +103571,12 @@ DataTable.Caption = function Caption(_a) {
 };
 
 function Dialog(_a) {
-    var title = _a.title, isOpen = _a.isOpen, children = _a.children, disabled = _a.disabled, onCancel = _a.onCancel, onValidate = _a.onValidate, _b = _a.cancelLabel, cancelLabel = _b === void 0 ? "Cancel" : _b, _c = _a.validateLabel, validateLabel = _c === void 0 ? "Ok" : _c, _d = _a.validateVariant, validateVariant = _d === void 0 ? "primary" : _d, isSaving = _a.isSaving, _e = _a.backgroundType, backgroundType = _e === void 0 ? "none" : _e;
+    var _b = _a.alertDialog, alertDialog = _b === void 0 ? false : _b, _c = _a.backgroundType, backgroundType = _c === void 0 ? "none" : _c, _d = _a.cancelLabel, cancelLabel = _d === void 0 ? "Cancel" : _d, children = _a.children, disabled = _a.disabled, isOpen = _a.isOpen, isSaving = _a.isSaving, onCancel = _a.onCancel, onValidate = _a.onValidate, title = _a.title, _e = _a.validateLabel, validateLabel = _e === void 0 ? "Ok" : _e, _f = _a.validateVariant, validateVariant = _f === void 0 ? "primary" : _f;
     var referentRef = React.useRef(null);
     return (React.createElement(qe, { show: isOpen, as: React.Fragment, appear: true },
-        React.createElement(_t, { as: "div", className: "s-relative s-z-50", onClose: onCancel },
+        React.createElement(_t, { as: "div", className: "s-relative s-z-50", 
+            // If it's an alert dialog, we don't want to close it when clicking outside.
+            onClose: alertDialog ? function () { } : onCancel, role: alertDialog ? "alertdialog" : "dialog" },
             React.createElement(qe.Child, { as: React.Fragment, enter: "s-ease-out s-duration-150", enterFrom: "s-opacity-0", enterTo: "s-opacity-100", leave: "s-ease-in s-duration-150", leaveFrom: "s-opacity-100", leaveTo: "s-opacity-0" },
                 React.createElement("div", { className: "s-fixed s-inset-0 s-bg-structure-50/80 s-backdrop-blur-sm s-transition-opacity" })),
             React.createElement("div", { className: "s-fixed s-inset-0 s-z-50" },
@@ -129189,6 +129191,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 +129212,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 +129241,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;