@workos-inc/widgets 1.3.1 → 1.4.1

package/dist/esm/lib/revoke-invite-dialog.js

@@ -1,33 +1,89 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertDialog, Callout, Flex, Text, VisuallyHidden, } from "@radix-ui/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  AlertDialog,
+  Callout,
+  Flex,
+  Text,
+  VisuallyHidden
+} from "@radix-ui/themes";
 import { useRef } from "react";
 import { useRevokeUserInvite } from "./api/user.js";
-import { AlertDialogContent, DestructiveButton, SecondaryButton, } from "./elements.js";
-export function RevokeInviteDialog({ children, user, ...props }) {
-    const revokeInvite = useRevokeUserInvite();
-    const cancelButtonRef = useRef(null);
-    const onSubmitForm = () => {
-        revokeInvite.mutate({ userId: user.id }, {
-            onSuccess: () => {
-                props.onOpenChange?.(false);
-            },
-        });
-    };
-    return (_jsxs(AlertDialog.Root, { ...props, children: [children && _jsx(AlertDialog.Trigger, { children: children }), _jsxs(AlertDialogContent, { maxWidth: "480px", onOpenAutoFocus: () => {
-                    requestAnimationFrame(() => {
-                        cancelButtonRef.current?.focus();
-                    });
-                }, children: [_jsx(AlertDialog.Title, { children: "Revoke invite?" }), _jsx(Flex, { mb: "4", direction: "column", gap: "3", children: _jsxs(AlertDialog.Description, { children: ["Are you sure you want to revoke the invite to", " ", _jsx(Text, { weight: "bold", children: user.email }), "? This action is immediate and cannot be undone."] }) }), revokeInvite.error ? (_jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: _jsx(Callout.Text, { children: getMutationErrorMessage(revokeInvite.error) }) })) : null, _jsx(Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: _jsxs("form", { onSubmit: (event) => {
-                                event.preventDefault();
-                                onSubmitForm();
-                            }, children: [_jsx(AlertDialog.Cancel, { children: _jsx(SecondaryButton, { ref: cancelButtonRef, disabled: revokeInvite.isPending, children: "Cancel" }) }), _jsx(DestructiveButton, { type: "submit", loading: revokeInvite.isPending, children: "Revoke" })] }) })] }), _jsx(VisuallyHidden, { asChild: true, children: _jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(revokeInvite.error) }) })] }));
+import {
+  AlertDialogContent,
+  DestructiveButton,
+  SecondaryButton
+} from "./elements.js";
+function RevokeInviteDialog({
+  children,
+  user,
+  ...props
+}) {
+  const revokeInvite = useRevokeUserInvite();
+  const cancelButtonRef = useRef(null);
+  const onSubmitForm = () => {
+    revokeInvite.mutate(
+      { userId: user.id },
+      {
+        onSuccess: () => {
+          props.onOpenChange?.(false);
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(AlertDialog.Root, { ...props, children: [
+    children && /* @__PURE__ */ jsx(AlertDialog.Trigger, { children }),
+    /* @__PURE__ */ jsxs(
+      AlertDialogContent,
+      {
+        maxWidth: "480px",
+        onOpenAutoFocus: () => {
+          requestAnimationFrame(() => {
+            cancelButtonRef.current?.focus();
+          });
+        },
+        children: [
+          /* @__PURE__ */ jsx(AlertDialog.Title, { children: "Revoke invite?" }),
+          /* @__PURE__ */ jsx(Flex, { mb: "4", direction: "column", gap: "3", children: /* @__PURE__ */ jsxs(AlertDialog.Description, { children: [
+            "Are you sure you want to revoke the invite to",
+            " ",
+            /* @__PURE__ */ jsx(Text, { weight: "bold", children: user.email }),
+            "? This action is immediate and cannot be undone."
+          ] }) }),
+          revokeInvite.error ? /* @__PURE__ */ jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: /* @__PURE__ */ jsx(Callout.Text, { children: getMutationErrorMessage(revokeInvite.error) }) }) : null,
+          /* @__PURE__ */ jsx(Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: /* @__PURE__ */ jsxs(
+            "form",
+            {
+              onSubmit: (event) => {
+                event.preventDefault();
+                onSubmitForm();
+              },
+              children: [
+                /* @__PURE__ */ jsx(AlertDialog.Cancel, { children: /* @__PURE__ */ jsx(
+                  SecondaryButton,
+                  {
+                    ref: cancelButtonRef,
+                    disabled: revokeInvite.isPending,
+                    children: "Cancel"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(DestructiveButton, { type: "submit", loading: revokeInvite.isPending, children: "Revoke" })
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(revokeInvite.error) }) })
+  ] });
 }
 function getMutationErrorMessage(error) {
-    if (!error) {
-        return null;
-    }
-    // TODO Handle server errors
-    return "There was an error revoking the invite. Please try again.";
+  if (!error) {
+    return null;
+  }
+  return "There was an error revoking the invite. Please try again.";
 }
+export {
+  RevokeInviteDialog
+};
 //# sourceMappingURL=revoke-invite-dialog.js.map

package/dist/esm/lib/revoke-invite-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"revoke-invite-dialog.js","sourceRoot":"","sources":["../../../src/lib/revoke-invite-dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,WAAW,EACX,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,cAAc,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,GAChB,MAAM,eAAe,CAAC;AAQvB,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACgB;IACxB,MAAM,YAAY,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAExD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,MAAM,CACjB,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,EACnB;YACE,SAAS,EAAE,GAAG,EAAE;gBACd,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;SACF,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,OAAK,KAAK,aACxB,QAAQ,IAAI,KAAC,WAAW,CAAC,OAAO,cAAE,QAAQ,GAAuB,EAElE,MAAC,kBAAkB,IACjB,QAAQ,EAAC,OAAO,EAChB,eAAe,EAAE,GAAG,EAAE;oBACpB,qBAAqB,CAAC,GAAG,EAAE;wBACzB,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;oBACnC,CAAC,CAAC,CAAC;gBACL,CAAC,aAED,KAAC,WAAW,CAAC,KAAK,iCAAmC,EACrD,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YACrC,MAAC,WAAW,CAAC,WAAW,gEACwB,GAAG,EACjD,KAAC,IAAI,IAAC,MAAM,EAAC,MAAM,YAAE,IAAI,CAAC,KAAK,GAAQ,wDAEf,GACrB,EAEN,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CACpB,KAAC,OAAO,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,YACtC,KAAC,OAAO,CAAC,IAAI,cACV,uBAAuB,CAAC,YAAY,CAAC,KAAK,CAAC,GAC/B,GACF,CAChB,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,OAAO,kBACxC,gBACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gCAClB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,YAAY,EAAE,CAAC;4BACjB,CAAC,aAED,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,eAAe,IACd,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,YAAY,CAAC,SAAS,uBAGhB,GACC,EAErB,KAAC,iBAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,CAAC,SAAS,uBAE5C,IACf,GACF,IACY,EAGrB,KAAC,cAAc,IAAC,OAAO,kBACrB,+BAAmB,QAAQ,YACxB,uBAAuB,CAAC,YAAY,CAAC,KAAK,CAAC,GACpC,GACK,IACA,CACpB,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB,CAAC,KAAc;IAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IACD,4BAA4B;IAC5B,OAAO,2DAA2D,CAAC;AACrE,CAAC"}
+{"version":3,"sources":["../../../src/lib/revoke-invite-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  AlertDialog,\n  Callout,\n  Flex,\n  Text,\n  VisuallyHidden,\n} from \"@radix-ui/themes\";\nimport { type ReactNode, useRef } from \"react\";\nimport { useRevokeUserInvite } from \"./api/user.js\";\nimport {\n  AlertDialogContent,\n  DestructiveButton,\n  SecondaryButton,\n} from \"./elements.js\";\nimport { Member } from \"../api/endpoint.js\";\n\ninterface RevokeInviteDialogProps extends AlertDialog.RootProps {\n  user: Member;\n  children?: ReactNode;\n}\n\nexport function RevokeInviteDialog({\n  children,\n  user,\n  ...props\n}: RevokeInviteDialogProps) {\n  const revokeInvite = useRevokeUserInvite();\n  const cancelButtonRef = useRef<HTMLButtonElement>(null);\n\n  const onSubmitForm = () => {\n    revokeInvite.mutate(\n      { userId: user.id },\n      {\n        onSuccess: () => {\n          props.onOpenChange?.(false);\n        },\n      },\n    );\n  };\n\n  return (\n    <AlertDialog.Root {...props}>\n      {children && <AlertDialog.Trigger>{children}</AlertDialog.Trigger>}\n\n      <AlertDialogContent\n        maxWidth=\"480px\"\n        onOpenAutoFocus={() => {\n          requestAnimationFrame(() => {\n            cancelButtonRef.current?.focus();\n          });\n        }}\n      >\n        <AlertDialog.Title>Revoke invite?</AlertDialog.Title>\n        <Flex mb=\"4\" direction=\"column\" gap=\"3\">\n          <AlertDialog.Description>\n            Are you sure you want to revoke the invite to{\" \"}\n            <Text weight=\"bold\">{user.email}</Text>? This action is immediate\n            and cannot be undone.\n          </AlertDialog.Description>\n        </Flex>\n\n        {revokeInvite.error ? (\n          <Callout.Root color=\"red\" mt=\"4\" mb=\"-2\">\n            <Callout.Text>\n              {getMutationErrorMessage(revokeInvite.error)}\n            </Callout.Text>\n          </Callout.Root>\n        ) : null}\n\n        <Flex gap=\"3\" justify=\"end\" mt=\"5\" asChild>\n          <form\n            onSubmit={(event) => {\n              event.preventDefault();\n              onSubmitForm();\n            }}\n          >\n            <AlertDialog.Cancel>\n              <SecondaryButton\n                ref={cancelButtonRef}\n                disabled={revokeInvite.isPending}\n              >\n                Cancel\n              </SecondaryButton>\n            </AlertDialog.Cancel>\n\n            <DestructiveButton type=\"submit\" loading={revokeInvite.isPending}>\n              Revoke\n            </DestructiveButton>\n          </form>\n        </Flex>\n      </AlertDialogContent>\n\n      {/* mirror errors in a live region */}\n      <VisuallyHidden asChild>\n        <section aria-live=\"polite\">\n          {getMutationErrorMessage(revokeInvite.error)}\n        </section>\n      </VisuallyHidden>\n    </AlertDialog.Root>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  if (!error) {\n    return null;\n  }\n  // TODO Handle server errors\n  return \"There was an error revoking the invite. Please try again.\";\n}\n"],"mappings":";AA4CmB,cAYT,YAZS;AA1CnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAyB,cAAc;AACvC,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAQA,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAC1B,QAAM,eAAe,oBAAoB;AACzC,QAAM,kBAAkB,OAA0B,IAAI;AAEtD,QAAM,eAAe,MAAM;AACzB,iBAAa;AAAA,MACX,EAAE,QAAQ,KAAK,GAAG;AAAA,MAClB;AAAA,QACE,WAAW,MAAM;AACf,gBAAM,eAAe,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SACE,qBAAC,YAAY,MAAZ,EAAkB,GAAG,OACnB;AAAA,gBAAY,oBAAC,YAAY,SAAZ,EAAqB,UAAS;AAAA,IAE5C;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,iBAAiB,MAAM;AACrB,gCAAsB,MAAM;AAC1B,4BAAgB,SAAS,MAAM;AAAA,UACjC,CAAC;AAAA,QACH;AAAA,QAEA;AAAA,8BAAC,YAAY,OAAZ,EAAkB,4BAAc;AAAA,UACjC,oBAAC,QAAK,IAAG,KAAI,WAAU,UAAS,KAAI,KAClC,+BAAC,YAAY,aAAZ,EAAwB;AAAA;AAAA,YACuB;AAAA,YAC9C,oBAAC,QAAK,QAAO,QAAQ,eAAK,OAAM;AAAA,YAAO;AAAA,aAEzC,GACF;AAAA,UAEC,aAAa,QACZ,oBAAC,QAAQ,MAAR,EAAa,OAAM,OAAM,IAAG,KAAI,IAAG,MAClC,8BAAC,QAAQ,MAAR,EACE,kCAAwB,aAAa,KAAK,GAC7C,GACF,IACE;AAAA,UAEJ,oBAAC,QAAK,KAAI,KAAI,SAAQ,OAAM,IAAG,KAAI,SAAO,MACxC;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,CAAC,UAAU;AACnB,sBAAM,eAAe;AACrB,6BAAa;AAAA,cACf;AAAA,cAEA;AAAA,oCAAC,YAAY,QAAZ,EACC;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAK;AAAA,oBACL,UAAU,aAAa;AAAA,oBACxB;AAAA;AAAA,gBAED,GACF;AAAA,gBAEA,oBAAC,qBAAkB,MAAK,UAAS,SAAS,aAAa,WAAW,oBAElE;AAAA;AAAA;AAAA,UACF,GACF;AAAA;AAAA;AAAA,IACF;AAAA,IAGA,oBAAC,kBAAe,SAAO,MACrB,8BAAC,aAAQ,aAAU,UAChB,kCAAwB,aAAa,KAAK,GAC7C,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,wBAAwB,OAAgB;AAC/C,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/lib/save-button.d.ts

@@ -1,4 +1,6 @@
-import { ButtonProps } from "@radix-ui/themes";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps } from '@radix-ui/themes';
+
 interface SaveButtonProps extends ButtonProps {
     asChild?: boolean;
     children: React.ReactNode;
@@ -6,6 +8,6 @@ interface SaveButtonProps extends ButtonProps {
     done?: boolean;
     onDone?: () => void;
 }
-export declare function SaveButton({ asChild, children, loading, done, onDone, ...props }: SaveButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=save-button.d.ts.map
+declare function SaveButton({ asChild, children, loading, done, onDone, ...props }: SaveButtonProps): react_jsx_runtime.JSX.Element;
+
+export { SaveButton };

package/dist/esm/lib/save-button.js

@@ -1,44 +1,101 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex, Slot, Slottable, Spinner, Text, } from "@radix-ui/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Flex,
+  Slot,
+  Slottable,
+  Spinner,
+  Text
+} from "@radix-ui/themes";
 import { CheckIcon } from "@radix-ui/react-icons";
 import { useEffect, useRef, useState } from "react";
 import { namespaceClassNames } from "./utils.js";
 const DONE_TIMEOUT_MS = 1500;
 const SAVING_TIMEOUT_MS = 600;
-export function SaveButton({ asChild = false, children, loading, done, onDone, ...props }) {
-    const [state, setState] = useState(loading ? "loading" : done ? "done" : "idle");
-    const loadingStartTime = useRef(null);
-    const Button = asChild ? Slot : "button";
-    useEffect(() => {
-        if (loading) {
-            setState("loading");
-            loadingStartTime.current = Date.now();
+function SaveButton({
+  asChild = false,
+  children,
+  loading,
+  done,
+  onDone,
+  ...props
+}) {
+  const [state, setState] = useState(
+    loading ? "loading" : done ? "done" : "idle"
+  );
+  const loadingStartTime = useRef(null);
+  const Button = asChild ? Slot : "button";
+  useEffect(() => {
+    if (loading) {
+      setState("loading");
+      loadingStartTime.current = Date.now();
+    } else if (done) {
+      const currentTime = Date.now();
+      const loadingDuration = loadingStartTime.current ? currentTime - loadingStartTime.current : 0;
+      const remainingDelay = Math.max(0, SAVING_TIMEOUT_MS - loadingDuration);
+      let doneTimer = null;
+      const savedTimer = setTimeout(() => {
+        setState("done");
+        doneTimer = setTimeout(() => {
+          onDone?.();
+        }, DONE_TIMEOUT_MS);
+      }, remainingDelay);
+      return () => {
+        clearTimeout(savedTimer);
+        if (doneTimer) {
+          clearTimeout(doneTimer);
         }
-        else if (done) {
-            const currentTime = Date.now();
-            const loadingDuration = loadingStartTime.current
-                ? currentTime - loadingStartTime.current
-                : 0;
-            // If loading lasted less than 500 ms, wait for the remaining time
-            const remainingDelay = Math.max(0, SAVING_TIMEOUT_MS - loadingDuration);
-            let doneTimer = null;
-            const savedTimer = setTimeout(() => {
-                setState("done");
-                doneTimer = setTimeout(() => {
-                    onDone?.();
-                }, DONE_TIMEOUT_MS);
-            }, remainingDelay);
-            return () => {
-                clearTimeout(savedTimer);
-                if (doneTimer) {
-                    clearTimeout(doneTimer);
+      };
+    } else if (!loading && !done) {
+      setState("idle");
+    }
+  }, [loading, done, onDone]);
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      ...props,
+      className: namespaceClassNames("save-button"),
+      "data-save-state": state,
+      children: [
+        /* @__PURE__ */ jsx(Slottable, { children }),
+        state === "loading" && /* @__PURE__ */ jsx(
+          Flex,
+          {
+            as: "span",
+            align: "center",
+            justify: "center",
+            position: "absolute",
+            inset: "0",
+            children: /* @__PURE__ */ jsx(Spinner, { size: "1" })
+          }
+        ),
+        state === "done" && /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            as: "span",
+            align: "center",
+            justify: "center",
+            position: "absolute",
+            inset: "0",
+            gap: "1",
+            children: [
+              /* @__PURE__ */ jsx(
+                CheckIcon,
+                {
+                  width: "18px",
+                  height: "18px",
+                  style: { marginLeft: "-4px" },
+                  className: namespaceClassNames("save-button__done-icon")
                 }
-            };
-        }
-        else if (!loading && !done) {
-            setState("idle");
-        }
-    }, [loading, done, onDone]);
-    return (_jsxs(Button, { ...props, className: namespaceClassNames("save-button"), "data-save-state": state, children: [_jsx(Slottable, { children: children }), state === "loading" && (_jsx(Flex, { as: "span", align: "center", justify: "center", position: "absolute", inset: "0", children: _jsx(Spinner, { size: "1" }) })), state === "done" && (_jsxs(Flex, { as: "span", align: "center", justify: "center", position: "absolute", inset: "0", gap: "1", children: [_jsx(CheckIcon, { width: "18px", height: "18px", style: { marginLeft: "-4px" }, className: namespaceClassNames("save-button__done-icon") }), _jsx(Text, { className: namespaceClassNames("save-button__done-text"), children: "Done" })] }))] }));
+              ),
+              /* @__PURE__ */ jsx(Text, { className: namespaceClassNames("save-button__done-text"), children: "Done" })
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
+export {
+  SaveButton
+};
 //# sourceMappingURL=save-button.js.map

package/dist/esm/lib/save-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"save-button.js","sourceRoot":"","sources":["../../../src/lib/save-button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/save-button.tsx"],"sourcesContent":["import {\n  ButtonProps,\n  Flex,\n  Slot,\n  Slottable,\n  Spinner,\n  Text,\n} from \"@radix-ui/themes\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { namespaceClassNames } from \"./utils.js\";\n\nconst DONE_TIMEOUT_MS = 1500;\nconst SAVING_TIMEOUT_MS = 600;\n\ninterface SaveButtonProps extends ButtonProps {\n  asChild?: boolean;\n  children: React.ReactNode;\n  loading?: boolean;\n  done?: boolean;\n  onDone?: () => void;\n}\n\nexport function SaveButton({\n  asChild = false,\n  children,\n  loading,\n  done,\n  onDone,\n  ...props\n}: SaveButtonProps) {\n  const [state, setState] = useState<\"idle\" | \"loading\" | \"done\">(\n    loading ? \"loading\" : done ? \"done\" : \"idle\",\n  );\n  const loadingStartTime = useRef<number | null>(null);\n  const Button = asChild ? Slot : \"button\";\n\n  useEffect(() => {\n    if (loading) {\n      setState(\"loading\");\n      loadingStartTime.current = Date.now();\n    } else if (done) {\n      const currentTime = Date.now();\n      const loadingDuration = loadingStartTime.current\n        ? currentTime - loadingStartTime.current\n        : 0;\n\n      // If loading lasted less than 500 ms, wait for the remaining time\n      const remainingDelay = Math.max(0, SAVING_TIMEOUT_MS - loadingDuration);\n\n      let doneTimer: NodeJS.Timeout | null = null;\n      const savedTimer = setTimeout(() => {\n        setState(\"done\");\n\n        doneTimer = setTimeout(() => {\n          onDone?.();\n        }, DONE_TIMEOUT_MS);\n      }, remainingDelay);\n\n      return () => {\n        clearTimeout(savedTimer);\n        if (doneTimer) {\n          clearTimeout(doneTimer);\n        }\n      };\n    } else if (!loading && !done) {\n      setState(\"idle\");\n    }\n  }, [loading, done, onDone]);\n\n  return (\n    <Button\n      {...props}\n      className={namespaceClassNames(\"save-button\")}\n      data-save-state={state}\n    >\n      <Slottable>{children}</Slottable>\n\n      {state === \"loading\" && (\n        <Flex\n          as=\"span\"\n          align=\"center\"\n          justify=\"center\"\n          position=\"absolute\"\n          inset=\"0\"\n        >\n          <Spinner size=\"1\" />\n        </Flex>\n      )}\n\n      {state === \"done\" && (\n        <Flex\n          as=\"span\"\n          align=\"center\"\n          justify=\"center\"\n          position=\"absolute\"\n          inset=\"0\"\n          gap=\"1\"\n        >\n          <CheckIcon\n            width=\"18px\"\n            height=\"18px\"\n            style={{ marginLeft: \"-4px\" }}\n            className={namespaceClassNames(\"save-button__done-icon\")}\n          />\n          <Text className={namespaceClassNames(\"save-button__done-text\")}>\n            Done\n          </Text>\n        </Flex>\n      )}\n    </Button>\n  );\n}\n"],"mappings":"AA4EM,cAeE,YAfF;AA5EN;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,2BAA2B;AAEpC,MAAM,kBAAkB;AACxB,MAAM,oBAAoB;AAUnB,SAAS,WAAW;AAAA,EACzB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,CAAC,OAAO,QAAQ,IAAI;AAAA,IACxB,UAAU,YAAY,OAAO,SAAS;AAAA,EACxC;AACA,QAAM,mBAAmB,OAAsB,IAAI;AACnD,QAAM,SAAS,UAAU,OAAO;AAEhC,YAAU,MAAM;AACd,QAAI,SAAS;AACX,eAAS,SAAS;AAClB,uBAAiB,UAAU,KAAK,IAAI;AAAA,IACtC,WAAW,MAAM;AACf,YAAM,cAAc,KAAK,IAAI;AAC7B,YAAM,kBAAkB,iBAAiB,UACrC,cAAc,iBAAiB,UAC/B;AAGJ,YAAM,iBAAiB,KAAK,IAAI,GAAG,oBAAoB,eAAe;AAEtE,UAAI,YAAmC;AACvC,YAAM,aAAa,WAAW,MAAM;AAClC,iBAAS,MAAM;AAEf,oBAAY,WAAW,MAAM;AAC3B,mBAAS;AAAA,QACX,GAAG,eAAe;AAAA,MACpB,GAAG,cAAc;AAEjB,aAAO,MAAM;AACX,qBAAa,UAAU;AACvB,YAAI,WAAW;AACb,uBAAa,SAAS;AAAA,QACxB;AAAA,MACF;AAAA,IACF,WAAW,CAAC,WAAW,CAAC,MAAM;AAC5B,eAAS,MAAM;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,SAAS,MAAM,MAAM,CAAC;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,oBAAoB,aAAa;AAAA,MAC5C,mBAAiB;AAAA,MAEjB;AAAA,4BAAC,aAAW,UAAS;AAAA,QAEpB,UAAU,aACT;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,OAAM;AAAA,YAEN,8BAAC,WAAQ,MAAK,KAAI;AAAA;AAAA,QACpB;AAAA,QAGD,UAAU,UACT;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,OAAM;AAAA,YACN,KAAI;AAAA,YAEJ;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAM;AAAA,kBACN,QAAO;AAAA,kBACP,OAAO,EAAE,YAAY,OAAO;AAAA,kBAC5B,WAAW,oBAAoB,wBAAwB;AAAA;AAAA,cACzD;AAAA,cACA,oBAAC,QAAK,WAAW,oBAAoB,wBAAwB,GAAG,kBAEhE;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/esm/lib/search-provider.d.ts

@@ -1,11 +1,12 @@
-import * as React from "react";
+import * as React from 'react';
+
 interface SearchContextType {
-    inputRef: React.RefObject<HTMLInputElement>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
     clearSearch: () => void;
     searchValue: string;
     setSearchValue: React.Dispatch<React.SetStateAction<string>>;
 }
-export declare const SearchProvider: React.FC<React.PropsWithChildren>;
-export declare const useSearchContext: () => SearchContextType;
-export {};
-//# sourceMappingURL=search-provider.d.ts.map
+declare const SearchProvider: React.FC<React.PropsWithChildren>;
+declare const useSearchContext: () => SearchContextType;
+
+export { SearchProvider, useSearchContext };

package/dist/esm/lib/search-provider.js

@@ -1,27 +1,44 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { flushSync } from "react-dom";
 import { useUsersManagementContext } from "./users-management-context.js";
-const SearchContext = React.createContext(undefined);
+const SearchContext = React.createContext(
+  void 0
+);
 SearchContext.displayName = "SearchContext";
-export const SearchProvider = ({ children, }) => {
-    const inputRef = React.useRef(null);
-    const { state: { searchQuery }, dispatch, } = useUsersManagementContext();
-    const [searchValue, setSearchValue] = React.useState(searchQuery || "");
-    const clearSearch = React.useCallback(() => {
-        flushSync(() => {
-            setSearchValue("");
-            dispatch({ type: "FILTER_BY_SEARCH", searchQuery: "" });
-        });
-        inputRef.current?.focus();
-    }, [dispatch]);
-    return (_jsx(SearchContext.Provider, { value: { inputRef, clearSearch, searchValue, setSearchValue }, children: children }));
-};
-export const useSearchContext = () => {
-    const context = React.useContext(SearchContext);
-    if (!context) {
-        throw new Error("useSearchContext must be used within a SearchProvider");
+const SearchProvider = ({
+  children
+}) => {
+  const inputRef = React.useRef(null);
+  const {
+    state: { searchQuery },
+    dispatch
+  } = useUsersManagementContext();
+  const [searchValue, setSearchValue] = React.useState(searchQuery || "");
+  const clearSearch = React.useCallback(() => {
+    flushSync(() => {
+      setSearchValue("");
+      dispatch({ type: "FILTER_BY_SEARCH", searchQuery: "" });
+    });
+    inputRef.current?.focus();
+  }, [dispatch]);
+  return /* @__PURE__ */ jsx(
+    SearchContext.Provider,
+    {
+      value: { inputRef, clearSearch, searchValue, setSearchValue },
+      children
     }
-    return context;
+  );
+};
+const useSearchContext = () => {
+  const context = React.useContext(SearchContext);
+  if (!context) {
+    throw new Error("useSearchContext must be used within a SearchProvider");
+  }
+  return context;
+};
+export {
+  SearchProvider,
+  useSearchContext
 };
 //# sourceMappingURL=search-provider.js.map

package/dist/esm/lib/search-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-provider.js","sourceRoot":"","sources":["../../../src/lib/search-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAS1E,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CACvC,SAAS,CACV,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,CAAC,MAAM,cAAc,GAAsC,CAAC,EAChE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,EACJ,KAAK,EAAE,EAAE,WAAW,EAAE,EACtB,QAAQ,GACT,GAAG,yBAAyB,EAAE,CAAC;IAEhC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;IAExE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,SAAS,CAAC,GAAG,EAAE;YACb,cAAc,CAAC,EAAE,CAAC,CAAC;YACnB,QAAQ,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,YAE5D,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/lib/search-provider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { useUsersManagementContext } from \"./users-management-context.js\";\n\ninterface SearchContextType {\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  clearSearch: () => void;\n  searchValue: string;\n  setSearchValue: React.Dispatch<React.SetStateAction<string>>;\n}\n\nconst SearchContext = React.createContext<SearchContextType | undefined>(\n  undefined,\n);\nSearchContext.displayName = \"SearchContext\";\n\nexport const SearchProvider: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const {\n    state: { searchQuery },\n    dispatch,\n  } = useUsersManagementContext();\n\n  const [searchValue, setSearchValue] = React.useState(searchQuery || \"\");\n\n  const clearSearch = React.useCallback(() => {\n    flushSync(() => {\n      setSearchValue(\"\");\n      dispatch({ type: \"FILTER_BY_SEARCH\", searchQuery: \"\" });\n    });\n    inputRef.current?.focus();\n  }, [dispatch]);\n\n  return (\n    <SearchContext.Provider\n      value={{ inputRef, clearSearch, searchValue, setSearchValue }}\n    >\n      {children}\n    </SearchContext.Provider>\n  );\n};\n\nexport const useSearchContext = () => {\n  const context = React.useContext(SearchContext);\n  if (!context) {\n    throw new Error(\"useSearchContext must be used within a SearchProvider\");\n  }\n  return context;\n};\n"],"mappings":"AAoCI;AApCJ,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,iCAAiC;AAS1C,MAAM,gBAAgB,MAAM;AAAA,EAC1B;AACF;AACA,cAAc,cAAc;AAErB,MAAM,iBAAoD,CAAC;AAAA,EAChE;AACF,MAAM;AACJ,QAAM,WAAW,MAAM,OAAgC,IAAI;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE,YAAY;AAAA,IACrB;AAAA,EACF,IAAI,0BAA0B;AAE9B,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,eAAe,EAAE;AAEtE,QAAM,cAAc,MAAM,YAAY,MAAM;AAC1C,cAAU,MAAM;AACd,qBAAe,EAAE;AACjB,eAAS,EAAE,MAAM,oBAAoB,aAAa,GAAG,CAAC;AAAA,IACxD,CAAC;AACD,aAAS,SAAS,MAAM;AAAA,EAC1B,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,OAAO,EAAE,UAAU,aAAa,aAAa,eAAe;AAAA,MAE3D;AAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,UAAU,MAAM,WAAW,aAAa;AAC9C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,SAAO;AACT;","names":[]}

package/dist/esm/lib/set-password-dialog.d.ts

@@ -1,8 +1,10 @@
-import { Dialog } from "@radix-ui/themes";
-import { type ReactNode } from "react";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dialog } from '@radix-ui/themes';
+import { ReactNode } from 'react';
+
 interface SetPasswordDialogProps extends Dialog.RootProps {
     children?: ReactNode;
 }
-export declare function SetPasswordDialog({ children, ...props }: SetPasswordDialogProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=set-password-dialog.d.ts.map
+declare function SetPasswordDialog({ children, ...props }: SetPasswordDialogProps): react_jsx_runtime.JSX.Element;
+
+export { SetPasswordDialog };