@dust-tt/sparkle 0.2.245 → 0.2.247

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

@@ -1,16 +1,22 @@
 import React from "react";
-export type ModalProps = {
-    title: string;
+export type BaseDialogProps = {
+    backgroundType?: "confetti" | "snow" | "none";
     children: React.ReactNode;
     disabled?: boolean;
     isOpen: boolean;
-    onCancel: () => void;
+    isSaving?: boolean;
     onValidate: () => void;
-    cancelLabel?: string;
+    title: string;
     validateLabel?: string;
     validateVariant?: "primary" | "primaryWarning";
-    isSaving?: boolean;
-    backgroundType?: "confetti" | "snow" | "none";
 };
-export declare function Dialog({ title, isOpen, children, disabled, onCancel, onValidate, cancelLabel, validateLabel, validateVariant, isSaving, backgroundType, }: ModalProps): React.JSX.Element;
+export type DialogProps = BaseDialogProps & {
+    alertDialog?: false;
+    onCancel: () => void;
+    cancelLabel?: string;
+};
+export type AlertDialogProps = BaseDialogProps & {
+    alertDialog: true;
+};
+export declare function Dialog({ backgroundType, children, disabled, isOpen, isSaving, title, validateLabel, validateVariant, onValidate, ...props }: AlertDialogProps | DialogProps): React.JSX.Element;
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/esm/components/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,SAAS,GAAG,gBAAgB,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;CAC/C,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAsB,EACtB,aAAoB,EACpB,eAA2B,EAC3B,QAAQ,EACR,cAAuB,GACxB,EAAE,UAAU,qBA4EZ"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,MAAM,MAAM,eAAe,GAAG;IAC5B,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,SAAS,GAAG,gBAAgB,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,WAAW,EAAE,IAAI,CAAC;CACnB,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,cAAuB,EACvB,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,KAAK,EACL,aAAoB,EACpB,eAA2B,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,WAAW,qBAoFhC"}

package/dist/esm/components/Dialog.js

@@ -1,3 +1,4 @@
+import { __rest } from "tslib";
 import { Dialog as HeadlessDialog, Transition } from "@headlessui/react";
 import React, { Fragment, useRef } from "react";
 import ConfettiBackground from "../components/ConfettiBackground";
@@ -5,10 +6,13 @@ import Spinner from "../components/Spinner";
 import { classNames } from "../lib/utils";
 import { Button } from "./Button";
 export 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;
+    var _c = _a.backgroundType, backgroundType = _c === void 0 ? "none" : _c, children = _a.children, disabled = _a.disabled, isOpen = _a.isOpen, isSaving = _a.isSaving, title = _a.title, _d = _a.validateLabel, validateLabel = _d === void 0 ? "Ok" : _d, _e = _a.validateVariant, validateVariant = _e === void 0 ? "primary" : _e, onValidate = _a.onValidate, props = __rest(_a, ["backgroundType", "children", "disabled", "isOpen", "isSaving", "title", "validateLabel", "validateVariant", "onValidate"]);
     var referentRef = useRef(null);
     return (React.createElement(Transition, { show: isOpen, as: Fragment, appear: true },
-        React.createElement(HeadlessDialog, { as: "div", className: "s-relative s-z-50", onClose: onCancel },
+        React.createElement(HeadlessDialog, { 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: props.alertDialog ? function () { } : props.onCancel, role: props.alertDialog ? "alertdialog" : "dialog" },
             React.createElement(Transition.Child, { as: 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" },
@@ -20,7 +24,7 @@ export function Dialog(_a) {
                             React.createElement("div", { className: "s-flex s-w-full s-justify-end" },
                                 React.createElement(Button.List, null,
                                     !isSaving && (React.createElement(React.Fragment, null,
-                                        React.createElement(Button, { label: cancelLabel, variant: "tertiary", onClick: onCancel }),
+                                        !props.alertDialog && (React.createElement(Button, { label: (_b = props.cancelLabel) !== null && _b !== void 0 ? _b : "Cancel", variant: "tertiary", onClick: props.onCancel })),
                                         React.createElement(Button, { disabled: disabled, label: validateLabel, variant: validateVariant, onClick: onValidate }))),
                                     isSaving && React.createElement(Spinner, { variant: "color" }))),
                             backgroundType !== "none" && (React.createElement("div", { className: "s-absolute s-bottom-0 s-left-0 s-right-0 s-top-0 s-z-0" },

package/dist/esm/components/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,kBAAkB,MAAM,wCAAwC,CAAC;AACxE,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAgBlC,MAAM,UAAU,MAAM,CAAC,EAYV;QAXX,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,qBAAoB,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,uBAA2B,EAA3B,eAAe,mBAAG,SAAS,KAAA,EAC3B,QAAQ,cAAA,EACR,sBAAuB,EAAvB,cAAc,mBAAG,MAAM,KAAA;IAEvB,IAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,OAAO,CACL,oBAAC,UAAU,IAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI;QAClD,oBAAC,cAAc,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,QAAQ;YACtE,oBAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,2BAA2B,EACjC,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,eAAe,EACvB,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAC,eAAe,EACzB,OAAO,EAAC,aAAa;gBAErB,6BAAK,SAAS,EAAC,gFAAgF,GAAG,CACjF;YAEnB,6BAAK,SAAS,EAAC,0BAA0B;gBACvC,6BAAK,SAAS,EAAC,qDAAqD;oBAClE,oBAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,2BAA2B,EACjC,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAC,2CAA2C,EACnD,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAC,2CAA2C,EACrD,OAAO,EAAC,wCAAwC;wBAEhD,oBAAC,cAAc,CAAC,KAAK,IACnB,SAAS,EAAE,UAAU,CACnB,6GAA6G,EAC7G,yBAAyB,EACzB,2BAA2B,CAC5B,EACD,GAAG,EAAE,WAAW;4BAEhB,oBAAC,cAAc,CAAC,KAAK,IAAC,SAAS,EAAC,uDAAuD,IACpF,KAAK,CACe;4BACvB,6BAAK,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAO;4BAChE,6BAAK,SAAS,EAAC,+BAA+B;gCAC5C,oBAAC,MAAM,CAAC,IAAI;oCACT,CAAC,QAAQ,IAAI,CACZ;wCACE,oBAAC,MAAM,IACL,KAAK,EAAE,WAAW,EAClB,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,QAAQ,GACjB;wCACF,oBAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,UAAU,GACnB,CACD,CACJ;oCACA,QAAQ,IAAI,oBAAC,OAAO,IAAC,OAAO,EAAC,OAAO,GAAG,CAC5B,CACV;4BACL,cAAc,KAAK,MAAM,IAAI,CAC5B,6BAAK,SAAS,EAAC,wDAAwD;gCACrE,oBAAC,kBAAkB,IACjB,OAAO,EAAE,cAAc,EACvB,YAAY,EAAE,WAAW,GACzB,CACE,CACP,CACoB,CACN,CACf,CACF,CACS,CACN,CACd,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ElementDialog.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { ModalProps } from "./Dialog";
-type ElementDialogProps<T> = Omit<ModalProps, "isOpen" | "onValidate" | "onCancel"> & {
+import { DialogProps } from "./Dialog";
+type ElementDialogProps<T> = Omit<DialogProps, "isOpen" | "onValidate" | "onCancel"> & {
     openOnElement: T | null;
     onValidate: (closeDialogFn: () => void) => void;
     onCancel: (closeDialogFn: () => void) => void;

package/dist/esm/components/ElementDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ElementDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAU,UAAU,EAAE,MAAM,UAAU,CAAC;AAE9C,KAAK,kBAAkB,CAAC,CAAC,IAAI,IAAI,CAC/B,UAAU,EACV,QAAQ,GAAG,YAAY,GAAG,UAAU,CACrC,GAAG;IACF,aAAa,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAC/B,aAAa,EACb,aAAa,EACb,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,CAAC,CAAC,qBAiBvB"}
+{"version":3,"file":"ElementDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ElementDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAE/C,KAAK,kBAAkB,CAAC,CAAC,IAAI,IAAI,CAC/B,WAAW,EACX,QAAQ,GAAG,YAAY,GAAG,UAAU,CACrC,GAAG;IACF,aAAa,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAC/B,aAAa,EACb,aAAa,EACb,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,CAAC,CAAC,qBAiBvB"}

package/dist/esm/components/ElementDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementDialog.js","sourceRoot":"","sources":["../../../src/components/ElementDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,MAAM,EAAc,MAAM,UAAU,CAAC;AAY9C,MAAM,UAAU,aAAa,CAAI,EAMT;IALtB,IAAA,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,QAAQ,cAAA,EACL,KAAK,cALuB,4DAMhC,CADS;IAEF,IAAA,KAAA,OAAgD,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA9D,mBAAmB,QAAA,EAAE,sBAAsB,QAAmB,CAAC;IACtE,IAAM,iBAAiB,GAAG,WAAW,CAAC;QACpC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,UAAU,CAAC;YACT,aAAa,EAAE,CAAC;YAChB,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,OAAO,CACL,oBAAC,MAAM,aACL,MAAM,EAAE,aAAa,KAAK,IAAI,IAAI,CAAC,mBAAmB,EACtD,QAAQ,EAAE,cAAM,OAAA,QAAQ,CAAC,iBAAiB,CAAC,EAA3B,CAA2B,EAC3C,UAAU,EAAE,cAAM,OAAA,UAAU,CAAC,iBAAiB,CAAC,EAA7B,CAA6B,IAC3C,KAAK,EACT,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ElementDialog.js","sourceRoot":"","sources":["../../../src/components/ElementDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAY/C,MAAM,UAAU,aAAa,CAAI,EAMT;IALtB,IAAA,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,QAAQ,cAAA,EACL,KAAK,cALuB,4DAMhC,CADS;IAEF,IAAA,KAAA,OAAgD,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA9D,mBAAmB,QAAA,EAAE,sBAAsB,QAAmB,CAAC;IACtE,IAAM,iBAAiB,GAAG,WAAW,CAAC;QACpC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,UAAU,CAAC;YACT,aAAa,EAAE,CAAC;YAChB,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,OAAO,CACL,oBAAC,MAAM,aACL,MAAM,EAAE,aAAa,KAAK,IAAI,IAAI,CAAC,mBAAmB,EACtD,QAAQ,EAAE,cAAM,OAAA,QAAQ,CAAC,iBAAiB,CAAC,EAA3B,CAA2B,EAC3C,UAAU,EAAE,cAAM,OAAA,UAAU,CAAC,iBAAiB,CAAC,EAA7B,CAA6B,IAC3C,KAAK,EACT,CACH,CAAC;AACJ,CAAC"}

package/dist/esm/stories/Dialog.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAU,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;CAGqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,yBAiEzB,CAAC"}
+{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAU,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;CAGqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,yBAkFzB,CAAC"}

package/dist/esm/stories/Dialog.stories.js

@@ -11,22 +11,27 @@ export var DialogExample = function () {
     var _b = __read(useState(false), 2), isOpen2 = _b[0], setisOpen2 = _b[1];
     var _c = __read(useState(false), 2), isOpen3 = _c[0], setisOpen3 = _c[1];
     var _d = __read(useState(false), 2), isOpen4 = _d[0], setisOpen4 = _d[1];
+    var _e = __read(useState(false), 2), isOpen5 = _e[0], setisOpen5 = _e[1];
     return (React.createElement("div", { className: "items-start s-flex s-flex-col s-gap-10" },
         React.createElement("div", null,
-            React.createElement(Dialog, { isOpen: isOpen1, title: "Dialog title", onValidate: function () { return setisOpen1(false); }, onCancel: function () { return setisOpen1(false); } },
+            React.createElement(Dialog, { isOpen: isOpen1, title: "Dialog title", cancelLabel: "Cancel", onValidate: function () { return setisOpen1(false); }, onCancel: function () { return setisOpen1(false); } },
                 React.createElement("div", null, "I'm the modal content")),
             React.createElement(Button, { label: "Dialog with primary validate", onClick: function () { return setisOpen1(true); } })),
         React.createElement("div", null,
-            React.createElement(Dialog, { isOpen: isOpen2, title: "Dialog title", onValidate: function () { return setisOpen2(false); }, onCancel: function () { return setisOpen2(false); }, validateVariant: "primaryWarning" },
+            React.createElement(Dialog, { isOpen: isOpen2, title: "Dialog title", cancelLabel: "Cancel", onValidate: function () { return setisOpen2(false); }, onCancel: function () { return setisOpen2(false); }, validateVariant: "primaryWarning" },
                 React.createElement("div", null, "I'm the modal content")),
             React.createElement(Button, { label: "Dialog with warning validate", onClick: function () { return setisOpen2(true); } })),
         React.createElement("div", null,
-            React.createElement(Dialog, { isOpen: isOpen3, title: "Dialog title", onValidate: function () { return setisOpen3(false); }, onCancel: function () { return setisOpen3(false); }, backgroundType: "snow" },
+            React.createElement(Dialog, { isOpen: isOpen3, title: "Dialog title", cancelLabel: "Cancel", onValidate: function () { return setisOpen3(false); }, onCancel: function () { return setisOpen3(false); }, backgroundType: "snow" },
                 React.createElement("div", null, "I'm the modal content")),
             React.createElement(Button, { label: "Dialog with BACKGROUND", onClick: function () { return setisOpen3(true); } })),
         React.createElement("div", null,
-            React.createElement(Dialog, { disabled: true, isOpen: isOpen4, title: "Dialog title", onValidate: function () { return setisOpen4(false); }, onCancel: function () { return setisOpen4(false); } },
+            React.createElement(Dialog, { disabled: true, isOpen: isOpen4, title: "Dialog title", cancelLabel: "Cancel", onValidate: function () { return setisOpen4(false); }, onCancel: function () { return setisOpen4(false); } },
                 React.createElement("div", null, "I'm the modal content")),
-            React.createElement(Button, { label: "Dialog with disabled", onClick: function () { return setisOpen4(true); } }))));
+            React.createElement(Button, { label: "Dialog with disabled", onClick: function () { return setisOpen4(true); } })),
+        React.createElement("div", null,
+            React.createElement(Dialog, { alertDialog: true, isOpen: isOpen5, title: "Alert Dialog title", onValidate: function () { return setisOpen5(false); } },
+                React.createElement("div", null, "I'm the modal content")),
+            React.createElement(Button, { label: "Alert dialog", onClick: function () { return setisOpen5(true); } }))));
 };
 //# sourceMappingURL=Dialog.stories.js.map

package/dist/esm/stories/Dialog.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../src/stories/Dialog.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEvD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,MAAM;CACY,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,aAAa,GAAG;IACrB,IAAA,KAAA,OAAwB,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IACxC,IAAA,KAAA,OAAwB,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IACxC,IAAA,KAAA,OAAwB,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IACxC,IAAA,KAAA,OAAwB,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAC9C,OAAO,CACL,6BAAK,SAAS,EAAC,wCAAwC;QACrD;YACE,oBAAC,MAAM,IACL,MAAM,EAAE,OAAO,EACf,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACnC,QAAQ,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB;gBAEjC,yDAAgC,CACzB;YACT,oBAAC,MAAM,IACL,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,GAC/B,CACE;QACN;YACE,oBAAC,MAAM,IACL,MAAM,EAAE,OAAO,EACf,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACnC,QAAQ,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACjC,eAAe,EAAC,gBAAgB;gBAEhC,yDAAgC,CACzB;YACT,oBAAC,MAAM,IACL,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,GAC/B,CACE;QACN;YACE,oBAAC,MAAM,IACL,MAAM,EAAE,OAAO,EACf,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACnC,QAAQ,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACjC,cAAc,EAAC,MAAM;gBAErB,yDAAgC,CACzB;YACT,oBAAC,MAAM,IACL,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,GAC/B,CACE;QACN;YACE,oBAAC,MAAM,IACL,QAAQ,QACR,MAAM,EAAE,OAAO,EACf,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACnC,QAAQ,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB;gBAEjC,yDAAgC,CACzB;YACT,oBAAC,MAAM,IAAC,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,GAAI,CACpE,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../src/stories/Dialog.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/stories/ElementDialog.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementDialog.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ElementDialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAU,aAAa,EAAQ,MAAM,uBAAuB,CAAC;AAEpE,QAAA,MAAM,IAAI;;;CAG4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,oBAAoB,yBA2ChC,CAAC"}
+{"version":3,"file":"ElementDialog.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ElementDialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAU,aAAa,EAAQ,MAAM,uBAAuB,CAAC;AAEpE,QAAA,MAAM,IAAI;;;CAG4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,oBAAoB,yBA4ChC,CAAC"}

package/dist/esm/stories/ElementDialog.stories.js

@@ -12,7 +12,7 @@ export var ElementDialogExample = function () {
         React.createElement(ElementDialog, { openOnElement: element, closeDialogFn: function () { return setElement(null); }, onCancel: function (closeDialogFn) {
                 console.log("canceled!");
                 closeDialogFn();
-            }, title: "Element Modal title", onValidate: function (closeDialogFn) {
+            }, cancelLabel: "Cancel", title: "Element Modal title", onValidate: function (closeDialogFn) {
                 console.log("validated!");
                 closeDialogFn();
             } },

package/dist/esm/stories/ElementDialog.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementDialog.stories.js","sourceRoot":"","sources":["../../../src/stories/ElementDialog.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEpE,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,aAAa;CACY,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAC5B,IAAA,KAAA,OAAwB,QAAQ,CAA0B,IAAI,CAAC,IAAA,EAA9D,OAAO,QAAA,EAAE,UAAU,QAA2C,CAAC;IACtE,OAAO,CACL,oBAAC,IAAI,CAAC,MAAM,IAAC,GAAG,EAAC,IAAI;QACnB,oBAAC,aAAa,IACZ,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EACrC,QAAQ,EAAE,UAAC,aAAa;gBACtB,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;gBACzB,aAAa,EAAE,CAAC;YAClB,CAAC,EACD,KAAK,EAAC,qBAAqB,EAC3B,UAAU,EAAE,UAAC,aAAa;gBACxB,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;gBAC1B,aAAa,EAAE,CAAC;YAClB,CAAC;YAED,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,6BAAK,SAAS,EAAC,gCAAgC,6BAEzC;gBACN,6BAAK,SAAS,EAAC,QAAQ;;oBACR,8BAAM,SAAS,EAAC,WAAW,IAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAQ,CAC3D,CACF,CACQ;QAChB,6BAAK,SAAS,EAAC,yCAAyC;YACtD,6BAAK,SAAS,EAAC,uBAAuB,iBAAiB;YACvD,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAjC,CAAiC,EAChD,KAAK,EAAC,WAAW,GACjB;YACF,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAjC,CAAiC,EAChD,KAAK,EAAC,WAAW,GACjB;YACF,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAjC,CAAiC,EAChD,KAAK,EAAC,WAAW,GACjB,CACE,CACM,CACf,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ElementDialog.stories.js","sourceRoot":"","sources":["../../../src/stories/ElementDialog.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEpE,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,aAAa;CACY,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAC5B,IAAA,KAAA,OAAwB,QAAQ,CAA0B,IAAI,CAAC,IAAA,EAA9D,OAAO,QAAA,EAAE,UAAU,QAA2C,CAAC;IACtE,OAAO,CACL,oBAAC,IAAI,CAAC,MAAM,IAAC,GAAG,EAAC,IAAI;QACnB,oBAAC,aAAa,IACZ,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EACrC,QAAQ,EAAE,UAAC,aAAa;gBACtB,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;gBACzB,aAAa,EAAE,CAAC;YAClB,CAAC,EACD,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAC,qBAAqB,EAC3B,UAAU,EAAE,UAAC,aAAa;gBACxB,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;gBAC1B,aAAa,EAAE,CAAC;YAClB,CAAC;YAED,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,6BAAK,SAAS,EAAC,gCAAgC,6BAEzC;gBACN,6BAAK,SAAS,EAAC,QAAQ;;oBACR,8BAAM,SAAS,EAAC,WAAW,IAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAQ,CAC3D,CACF,CACQ;QAChB,6BAAK,SAAS,EAAC,yCAAyC;YACtD,6BAAK,SAAS,EAAC,uBAAuB,iBAAiB;YACvD,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAjC,CAAiC,EAChD,KAAK,EAAC,WAAW,GACjB;YACF,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAjC,CAAiC,EAChD,KAAK,EAAC,WAAW,GACjB;YACF,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAjC,CAAiC,EAChD,KAAK,EAAC,WAAW,GACjB,CACE,CACM,CACf,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.245",
+  "version": "0.2.247",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

package/src/components/Dialog.tsx

@@ -7,38 +7,51 @@ import { classNames } from "@sparkle/lib/utils";
 
 import { Button } from "./Button";
 
-export type ModalProps = {
-  title: string;
+export type BaseDialogProps = {
+  backgroundType?: "confetti" | "snow" | "none";
   children: React.ReactNode;
   disabled?: boolean;
   isOpen: boolean;
-  onCancel: () => void;
+  isSaving?: boolean;
   onValidate: () => void;
-  cancelLabel?: string;
+  title: string;
   validateLabel?: string;
   validateVariant?: "primary" | "primaryWarning";
-  isSaving?: boolean;
-  backgroundType?: "confetti" | "snow" | "none";
 };
 
+export type DialogProps = BaseDialogProps & {
+  alertDialog?: false;
+  onCancel: () => void;
+  cancelLabel?: string;
+}
+
+export type AlertDialogProps = BaseDialogProps & {
+  alertDialog: true;
+}
+
 export function Dialog({
-  title,
-  isOpen,
+  backgroundType = "none",
   children,
   disabled,
-  onCancel,
-  onValidate,
-  cancelLabel = "Cancel",
+  isOpen,
+  isSaving,
+  title,
   validateLabel = "Ok",
   validateVariant = "primary",
-  isSaving,
-  backgroundType = "none",
-}: ModalProps) {
+  onValidate,
+  ...props
+}: AlertDialogProps | DialogProps) {
   const referentRef = useRef<HTMLDivElement>(null);
 
   return (
     <Transition show={isOpen} as={Fragment} appear={true}>
-      <HeadlessDialog as="div" className="s-relative s-z-50" onClose={onCancel}>
+      <HeadlessDialog
+        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={props.alertDialog ? () => {} : props.onCancel}
+        role={props.alertDialog ? "alertdialog" : "dialog"}
+      >
         <Transition.Child
           as={Fragment}
           enter="s-ease-out s-duration-150"
@@ -78,11 +91,13 @@ export function Dialog({
                   <Button.List>
                     {!isSaving && (
                       <>
-                        <Button
-                          label={cancelLabel}
-                          variant="tertiary"
-                          onClick={onCancel}
-                        />
+                        {!props.alertDialog && (
+                          <Button
+                            label={props.cancelLabel ?? "Cancel"}
+                            variant="tertiary"
+                            onClick={props.onCancel}
+                          />
+                        )}
                         <Button
                           disabled={disabled}
                           label={validateLabel}

package/src/components/ElementDialog.tsx

@@ -1,9 +1,9 @@
 import React, { useCallback, useState } from "react";
 
-import { Dialog, ModalProps } from "./Dialog";
+import { Dialog, DialogProps } from "./Dialog";
 
 type ElementDialogProps<T> = Omit<
-  ModalProps,
+  DialogProps,
   "isOpen" | "onValidate" | "onCancel"
 > & {
   openOnElement: T | null;

package/src/stories/Dialog.stories.tsx

@@ -15,12 +15,15 @@ export const DialogExample = () => {
   const [isOpen2, setisOpen2] = useState(false);
   const [isOpen3, setisOpen3] = useState(false);
   const [isOpen4, setisOpen4] = useState(false);
+  const [isOpen5, setisOpen5] = useState(false);
+
   return (
     <div className="items-start s-flex s-flex-col s-gap-10">
       <div>
         <Dialog
           isOpen={isOpen1}
           title="Dialog title"
+          cancelLabel="Cancel"
           onValidate={() => setisOpen1(false)}
           onCancel={() => setisOpen1(false)}
         >
@@ -35,6 +38,7 @@ export const DialogExample = () => {
         <Dialog
           isOpen={isOpen2}
           title="Dialog title"
+          cancelLabel="Cancel"
           onValidate={() => setisOpen2(false)}
           onCancel={() => setisOpen2(false)}
           validateVariant="primaryWarning"
@@ -50,6 +54,7 @@ export const DialogExample = () => {
         <Dialog
           isOpen={isOpen3}
           title="Dialog title"
+          cancelLabel="Cancel"
           onValidate={() => setisOpen3(false)}
           onCancel={() => setisOpen3(false)}
           backgroundType="snow"
@@ -66,6 +71,7 @@ export const DialogExample = () => {
           disabled
           isOpen={isOpen4}
           title="Dialog title"
+          cancelLabel="Cancel"
           onValidate={() => setisOpen4(false)}
           onCancel={() => setisOpen4(false)}
         >
@@ -73,6 +79,17 @@ export const DialogExample = () => {
         </Dialog>
         <Button label="Dialog with disabled" onClick={() => setisOpen4(true)} />
       </div>
+      <div>
+        <Dialog
+          alertDialog={true}
+          isOpen={isOpen5}
+          title="Alert Dialog title"
+          onValidate={() => setisOpen5(false)}
+        >
+          <div>I'm the modal content</div>
+        </Dialog>
+        <Button label="Alert dialog" onClick={() => setisOpen5(true)} />
+      </div>
     </div>
   );
 };

package/src/stories/ElementDialog.stories.tsx

@@ -21,6 +21,7 @@ export const ElementDialogExample = () => {
           console.log("canceled!");
           closeDialogFn();
         }}
+        cancelLabel="Cancel"
         title="Element Modal title"
         onValidate={(closeDialogFn) => {
           console.log("validated!");