@dust-tt/sparkle 0.2.116 → 0.2.119

package/dist/cjs/components/Dialog.d.ts

@@ -10,5 +10,5 @@ type ModalProps = {
     validateVariant?: "primary" | "primaryWarning";
     isSaving?: boolean;
 };
-export declare function Dialog({ isOpen, children, onCancel, onValidate, cancelLabel, validateLabel, validateVariant, title, }: ModalProps): React.JSX.Element;
+export declare function Dialog({ isOpen, children, onCancel, onValidate, cancelLabel, validateLabel, validateVariant, title, isSaving, }: ModalProps): React.JSX.Element;
 export {};

package/dist/cjs/components/Input.d.ts

@@ -10,6 +10,7 @@ type InputProps = {
     isPassword?: boolean;
     disabled?: boolean;
     className?: string;
+    label?: string;
 };
-export declare function Input({ placeholder, value, size, onChange, error, showErrorLabel, name, isPassword, disabled, className, }: InputProps): React.JSX.Element;
+export declare function Input({ placeholder, value, size, onChange, error, showErrorLabel, name, isPassword, disabled, className, label, }: InputProps): React.JSX.Element;
 export {};

package/dist/cjs/index.js

@@ -32431,7 +32431,7 @@ function Banner(_a) {
     React.useEffect(function () {
         setIsDismissed(hidden);
     }, [hidden]);
-    return isDismissed ? (React.createElement(React.Fragment, null)) : (React.createElement("div", { className: classNames(variantClasses[variant], "sm:s-before:flex-1 s-flex s-min-h-16 s-items-center s-px-6 s-py-4 s-text-sm sm:s-px-3.5", className) },
+    return isDismissed ? (React.createElement(React.Fragment, null)) : (React.createElement("div", { className: classNames(variantClasses[variant], "sm:s-before:flex-1 s-min-h-16 s-flex s-items-center s-px-6 s-py-4 s-text-sm sm:s-px-3.5", className) },
         children,
         allowDismiss && (React.createElement("div", { className: "s-flex s-flex-1 s-items-center s-justify-end" },
             React.createElement("span", { className: "s-sr-only" }, "Dismiss"),
@@ -33784,7 +33784,7 @@ function ElementModal(_a) {
 }
 
 function Dialog(_a) {
-    var isOpen = _a.isOpen, children = _a.children, 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, title = _a.title;
+    var isOpen = _a.isOpen, children = _a.children, 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, title = _a.title, isSaving = _a.isSaving;
     return (React.createElement(tt, { show: isOpen, as: React.Fragment, appear: true },
         React.createElement(_t, { as: "div", className: "s-relative s-z-50", onClose: onCancel },
             React.createElement(tt.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" },
@@ -33797,8 +33797,10 @@ function Dialog(_a) {
                             React.createElement("div", { className: "s-text-base s-text-element-700" }, children),
                             React.createElement("div", { className: "s-flex s-w-full s-justify-end" },
                                 React.createElement(Button.List, null,
-                                    React.createElement(Button, { label: cancelLabel, variant: "tertiary", onClick: onCancel }),
-                                    React.createElement(Button, { label: validateLabel, variant: validateVariant, onClick: onValidate }))))))))));
+                                    !isSaving && (React.createElement(React.Fragment, null,
+                                        React.createElement(Button, { label: cancelLabel, variant: "tertiary", onClick: onCancel }),
+                                        React.createElement(Button, { label: validateLabel, variant: validateVariant, onClick: onValidate }))),
+                                    isSaving && React.createElement(Spinner, null))))))))));
 }
 
 var sizeInputClasses = {
@@ -33806,8 +33808,9 @@ var sizeInputClasses = {
     md: "s-text-lg s-rounded-lg s-py-2 s-pl-4 s-pr-10",
 };
 function Input(_a) {
-    var placeholder = _a.placeholder, value = _a.value, _b = _a.size, size = _b === void 0 ? "sm" : _b, onChange = _a.onChange, error = _a.error, _c = _a.showErrorLabel, showErrorLabel = _c === void 0 ? false : _c, name = _a.name, _d = _a.isPassword, isPassword = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.className, className = _f === void 0 ? "" : _f;
+    var placeholder = _a.placeholder, value = _a.value, _b = _a.size, size = _b === void 0 ? "sm" : _b, onChange = _a.onChange, error = _a.error, _c = _a.showErrorLabel, showErrorLabel = _c === void 0 ? false : _c, name = _a.name, _d = _a.isPassword, isPassword = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.className, className = _f === void 0 ? "" : _f, label = _a.label;
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
+        label && (React.createElement("label", { htmlFor: name, className: "s-text-sm s-text-element-800 dark:s-text-element-800-dark" }, label)),
         React.createElement("input", { type: isPassword ? "password" : "text", name: name, id: name, className: classNames("s-w-full s-border-0 s-outline-none s-ring-1 focus:s-outline-none focus:s-ring-2", "s-bg-structure-50 s-text-element-900 s-placeholder-element-600", "dark:s-bg-structure-50-dark dark:s-text-element-800-dark dark:s-placeholder-element-600-dark", sizeInputClasses[size], "s-transition-all s-duration-300 s-ease-out", className !== null && className !== void 0 ? className : "", !error
                 ? classNames("s-ring-structure-200 focus:s-ring-action-300", "dark:s-ring-structure-300-dark dark:focus:s-ring-action-300-dark")
                 : classNames("s-ring-warning-200 focus:s-ring-warning-300", "dark:s-ring-warning-200-dark dark:focus:s-ring-warning-300-dark")), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {