@orangecheck/auth-client 2.22.0 → 2.22.1

package/dist/index.js

@@ -2397,6 +2397,8 @@ function ProviderSignIn({
   if (providers.length === 0) return null;
   const providerReturnTo = returnTo.startsWith("/") ? origin ? `${origin}${returnTo}` : returnTo : returnTo;
   const line = { flex: 1, height: 1, background: "var(--border, #27272a)" };
+  const BLOCK_GAP = 16;
+  const BUTTON_GAP = 8;
   const divider = /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -2404,7 +2406,10 @@ function ProviderSignIn({
         display: "flex",
         alignItems: "center",
         gap: 10,
-        margin: first ? "14px 0 4px" : "4px 0 12px",
+        // Symmetric in both orderings: in `first` mode the divider
+        // owns the gap on both sides; at the bottom the container's
+        // marginTop owns the gap above, so the divider only pads below.
+        margin: first ? `${BLOCK_GAP}px 0` : `0 0 ${BLOCK_GAP}px`,
         color: "var(--muted-foreground, #a1a1aa)",
         fontFamily: "ui-monospace, SFMono-Regular, monospace",
         fontSize: 10,
@@ -2432,7 +2437,7 @@ function ProviderSignIn({
         gap: 10,
         boxSizing: "border-box",
         width: "100%",
-        marginTop: i === 0 ? 0 : 8,
+        marginTop: i === 0 ? 0 : BUTTON_GAP,
         padding: "0.6rem 0.875rem",
         border: "1px solid var(--border, #27272a)",
         borderRadius: 6,
@@ -2449,13 +2454,20 @@ function ProviderSignIn({
     },
     p.id
   ));
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-oc-signin-providers": "", style: first ? { marginBottom: 4 } : { marginTop: 20 }, children: first ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    buttons,
-    divider
-  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    divider,
-    buttons
-  ] }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-oc-signin-providers": "",
+      style: first ? { marginBottom: 0 } : { marginTop: BLOCK_GAP },
+      children: first ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        buttons,
+        divider
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        divider,
+        buttons
+      ] })
+    }
+  );
 }
 function WalletFlow({ authOrigin, audience, add, onSuccess }) {
   const [address, setAddress] = React3__namespace.useState("");