@workos-inc/widgets 1.4.1 → 1.4.2

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

@@ -1,89 +1,33 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  AlertDialog,
-  Callout,
-  Flex,
-  Text,
-  VisuallyHidden
-} from "@radix-ui/themes";
+import { jsx as _jsx, jsxs as _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";
-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) }) })
-  ] });
+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) }) })] }));
 }
 function getMutationErrorMessage(error) {
-  if (!error) {
-    return null;
-  }
-  return "There was an error revoking the invite. Please try again.";
+    if (!error) {
+        return null;
+    }
+    // TODO Handle server errors
+    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,"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":[]}
+{"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"save-button.d.ts","sourceRoot":"","sources":["../../../src/lib/save-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAMZ,MAAM,kBAAkB,CAAC;AAQ1B,UAAU,eAAgB,SAAQ,WAAW;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAM,EACN,GAAG,KAAK,EACT,EAAE,eAAe,2CAkFjB"}

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

@@ -1,101 +1,44 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  Flex,
-  Slot,
-  Slottable,
-  Spinner,
-  Text
-} from "@radix-ui/themes";
+import { jsx as _jsx, jsxs as _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;
-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);
+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();
         }
-      };
-    } 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 (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);
                 }
-              ),
-              /* @__PURE__ */ jsx(Text, { className: namespaceClassNames("save-button__done-text"), children: "Done" })
-            ]
-          }
-        )
-      ]
-    }
-  );
+            };
+        }
+        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" })] }))] }));
 }
-export {
-  SaveButton
-};
 //# sourceMappingURL=save-button.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"save-button.js","sourceRoot":"","sources":["../../../src/lib/save-button.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-provider.d.ts","sourceRoot":"","sources":["../../../src/lib/search-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC9D;AAOD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CA0B5D,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAM5B,CAAC"}

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

@@ -1,44 +1,27 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx as _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(
-  void 0
-);
+const SearchContext = React.createContext(undefined);
 SearchContext.displayName = "SearchContext";
-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
-    }
-  );
-};
-const useSearchContext = () => {
-  const context = React.useContext(SearchContext);
-  if (!context) {
-    throw new Error("useSearchContext must be used within a SearchProvider");
-  }
-  return context;
+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 {
-  SearchProvider,
-  useSearchContext
+export const useSearchContext = () => {
+    const context = React.useContext(SearchContext);
+    if (!context) {
+        throw new Error("useSearchContext must be used within a SearchProvider");
+    }
+    return context;
 };
 //# sourceMappingURL=search-provider.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"set-password-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/set-password-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,MAAM,EAA8B,MAAM,kBAAkB,CAAC;AAE/E,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,UAAU,sBAAuB,SAAQ,MAAM,CAAC,SAAS;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAkBxB"}